body[data-theme="balance4life"] {
  --ink: #062a4f;
  --ink-soft: #4d6277;
  --surface: #ffffff;
  --canvas: #eef5fb;
  --line: #d7e4ee;
  --mint: #0f88c9;
  --mint-dark: #003365;
  --mint-soft: #dceef9;
  --lime: #d8aa37;
  --sun: #f3c75e;
  --coral: #e15454;
  --blue: #dceef9;
  --shadow: 0 16px 40px rgba(0, 51, 101, 0.13);
}

html:has(body[data-theme="balance4life"]) { background: #eef5fb; }

body[data-theme="balance4life"] {
  background:
    radial-gradient(circle at 14% 8%, rgba(6, 147, 227, 0.18), transparent 24rem),
    radial-gradient(circle at 86% 82%, rgba(216, 170, 55, 0.18), transparent 24rem),
    #dbe8f1;
}

body[data-theme="balance4life"] .app-shell {
  background: linear-gradient(180deg, #f3f8fc 0%, var(--canvas) 100%);
  box-shadow: 0 0 80px rgba(0, 51, 101, 0.17);
}

body[data-theme="balance4life"] .topbar {
  background: rgba(243, 248, 252, 0.94);
  border-bottom-color: rgba(215, 228, 238, 0.9);
}

body[data-theme="balance4life"] .brand-mark {
  background: linear-gradient(145deg, #003365 0%, #0693e3 100%);
  border-radius: 12px;
}

body[data-theme="balance4life"] .theme-toggle {
  color: #fff;
  background: #003365;
  border-color: #003365;
}

body[data-theme="balance4life"] .profile-avatar,
body[data-theme="balance4life"] .phase-badge,
body[data-theme="balance4life"] .count-badge,
body[data-theme="balance4life"] .streak-chip,
body[data-theme="balance4life"] .pwa-actions button:last-child {
  color: #062a4f;
  background: #d8aa37;
}

body[data-theme="balance4life"] .otti-hero {
  background:
    radial-gradient(circle at 86% 24%, rgba(216, 170, 55, .24), transparent 46%),
    linear-gradient(145deg, #003365 0%, #07679a 100%);
}

body[data-theme="balance4life"] .otti-copy .section-kicker,
body[data-theme="balance4life"] .text-link {
  color: #f3c75e;
}

body[data-theme="balance4life"] .week-strip button.is-current,
body[data-theme="balance4life"] .energy-card,
body[data-theme="balance4life"] .toast,
body[data-theme="balance4life"] .chat-bubble.is-user {
  background: #003365;
}

body[data-theme="balance4life"] .energy-gauge::after {
  background: #003365;
}

body[data-theme="balance4life"] .energy-gauge,
body[data-theme="balance4life"] .macro-grid i b,
body[data-theme="balance4life"] .score-breakdown i b {
  background: conic-gradient(#d8aa37 var(--gauge, 0%), rgba(255,255,255,.14) 0);
}

body[data-theme="balance4life"] .macro-grid i b,
body[data-theme="balance4life"] .score-breakdown i b {
  background: #d8aa37;
}

body[data-theme="balance4life"] .coach-note {
  background: #dceef9;
}

body[data-theme="balance4life"] .coach-avatar,
body[data-theme="balance4life"] .meal-add,
body[data-theme="balance4life"] .food-result span,
body[data-theme="balance4life"] .chat-composer button {
  background: #003365;
}

body[data-theme="balance4life"] .phase-hint {
  background: #fff4d5;
}

body[data-theme="balance4life"] button:focus-visible,
body[data-theme="balance4life"] a:focus-visible,
body[data-theme="balance4life"] input:focus-visible {
  outline-color: rgba(6, 147, 227, 0.4);
}