/* ============================================================
   Theme — Bacuri
   Palette mirrors the app's visual identity (new_home/Theme).
   Only token declarations live here. Structure lives in base.css.
   ============================================================ */
:root {
  /* Brand colors */
  --color-accent: #00b894;          /* Mint — primary brand accent */
  --color-accent-strong: #009e80;
  --color-accent-soft: rgba(0, 184, 148, 0.12);
  --color-accent-shadow: rgba(0, 184, 148, 0.35);
  --color-accent-shadow-strong: rgba(0, 184, 148, 0.4);
  --color-amber: #e4a93c;           /* Carbs */
  --color-amber-soft: rgba(228, 169, 60, 0.14);
  --color-amber-strong: #b07f1f;
  --color-coral: #e07a66;           /* Fat */
  --color-coral-soft: rgba(224, 122, 102, 0.14);
  --color-coral-strong: #c25341;
  --color-blue: #4fa3d6;            /* Water */
  --color-blue-soft: rgba(79, 163, 214, 0.14);
  --color-blue-strong: #2f7fb3;

  /* Surfaces */
  --color-bg: #f4f6f9;
  --color-header-bg: rgba(244, 246, 249, 0.82);
  --color-surface: #ffffff;
  --color-surface-alt: #f8fafb;
  --color-ink: #0b0d10;             /* Dark band / footer background */
  --color-ink-surface: #16191f;

  /* CTA band glow */
  --color-cta-glow-1: rgba(20, 181, 198, 0.35);
  --color-cta-glow-2: rgba(0, 184, 148, 0.4);

  /* Text */
  --color-text: #0b0d10;
  --color-text-muted: rgba(11, 13, 16, 0.58);
  --color-text-faint: rgba(11, 13, 16, 0.32);
  --color-text-on-accent: #ffffff;
  --color-text-on-ink: #f2f4f7;
  --color-text-on-ink-muted: rgba(235, 237, 243, 0.62);
  --color-text-on-ink-faint: rgba(235, 237, 243, 0.36);

  --stroke: rgba(15, 23, 42, 0.06);
  --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 32px rgba(15, 23, 42, 0.07);
  --shadow-phone: 0 24px 60px rgba(15, 23, 42, 0.18);

  /* Typography */
  --font-display: "Sora", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);
  --text-h2: clamp(1.75rem, 1.3rem + 2.2vw, 2.75rem);
  --text-hero: clamp(2.4rem, 1.4rem + 4.6vw, 4.25rem);

  /* Rhythm */
  --space-section: clamp(4.5rem, 3rem + 6vw, 9rem);
  --radius-card: 22px;
  --radius-pill: 999px;
  --container: 1160px;

  /* Motion */
  --duration-fast: 160ms;
  --duration-normal: 360ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}