/* ==========================================================================
   Design tokens — BariCare.live
   Premium healthcare SaaS palette: deep clinical teal + navy ink + warm
   off-white surface, with a restrained coral accent reserved for CTAs.
   ========================================================================== */
:root{
  /* Brand */
  --teal-50:#eefbf9;
  --teal-100:#d3f3ee;
  --teal-200:#a4e6da;
  --teal-300:#6dd2c1;
  --teal-400:#3fb7a8;
  --teal-500:#1f9587;
  --teal-600:#15766e;
  --teal-700:#125f5a;
  --teal-800:#124c49;
  --teal-900:#0d3634;

  --navy-900:#0b1f2b;
  --navy-800:#122b3a;
  --navy-700:#1a3a4d;
  --navy-600:#274a5f;

  --coral-500:#e8674f;
  --coral-600:#d5583f;

  --amber-400:#f2b84b;

  --ink-900:#101820;
  --ink-800:#1d2731;
  --ink-600:#425163;
  --ink-500:#5b6b7d;
  --ink-400:#7c8ba0;
  --ink-300:#a7b4c3;
  --ink-200:#d3dbe4;
  --ink-100:#e8edf2;

  --paper-0:#ffffff;
  --paper-50:#f8faf9;
  --paper-100:#f2f6f5;
  --paper-200:#eaf1ef;

  --success-500:#2f9e60;

  /* Semantic */
  --color-bg:var(--paper-50);
  --color-surface:var(--paper-0);
  --color-surface-alt:var(--paper-100);
  --color-text:var(--ink-900);
  --color-text-muted:var(--ink-500);
  --color-border:var(--ink-200);
  --color-primary:var(--teal-600);
  --color-primary-strong:var(--teal-700);
  --color-primary-soft:var(--teal-50);
  --color-accent:var(--coral-500);
  --color-ink:var(--navy-900);

  /* Type */
  --font-display:'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-body:'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

  /* Radius / shadow / motion */
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:22px;
  --radius-pill:999px;

  --shadow-sm:0 1px 2px rgba(16,24,32,.06), 0 1px 1px rgba(16,24,32,.04);
  --shadow-md:0 8px 24px rgba(16,24,32,.08), 0 2px 6px rgba(16,24,32,.04);
  --shadow-lg:0 20px 48px rgba(11,31,43,.14), 0 6px 16px rgba(11,31,43,.06);

  --ease:cubic-bezier(.4,0,.2,1);
  --dur-fast:150ms;
  --dur-base:220ms;

  --container-w:1200px;
  --gutter:24px;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --color-bg:#0c1620;
    --color-surface:#101d29;
    --color-surface-alt:#152532;
    --color-text:#eef3f6;
    --color-text-muted:#9fb0bf;
    --color-border:#223345;
    --color-primary:var(--teal-400);
    --color-primary-strong:var(--teal-300);
    --color-primary-soft:#0f2b28;
    --color-ink:#eef3f6;
  }
}
:root[data-theme="dark"]{
  --color-bg:#0c1620;
  --color-surface:#101d29;
  --color-surface-alt:#152532;
  --color-text:#eef3f6;
  --color-text-muted:#9fb0bf;
  --color-border:#223345;
  --color-primary:var(--teal-400);
  --color-primary-strong:var(--teal-300);
  --color-primary-soft:#0f2b28;
  --color-ink:#eef3f6;
}