/* ------------------------------------------------------------------
   Tavelo design tokens — lifted verbatim from "Tavelo Foundations.dc.html" §06.
   This file is the single source of truth. Do not hardcode hex in components.
   ------------------------------------------------------------------ */
:root {
  /* brand */
  --tv-brand-50:#E9F5F0;  --tv-brand-100:#CFE8DE; --tv-brand-200:#9FD1BD;
  --tv-brand-300:#6BB99A; --tv-brand-400:#3D9E78; --tv-brand-500:#0D7A55;
  --tv-brand-600:#006847; --tv-brand-700:#005739; --tv-brand-800:#00432C;
  --tv-brand-900:#002E1E;
  --tv-accent-50:#E5F6E4; --tv-accent-100:#C8EDC6; --tv-accent-200:#A5E2A2;
  --tv-accent-300:#7FD57B; --tv-accent-400:#52C34E; --tv-accent-500:#23A926;
  --tv-accent-600:#1B8A1E; --tv-accent-700:#146816;

  /* neutral */
  --tv-n-0:#FFFFFF;  --tv-n-25:#FAFBFA;  --tv-n-50:#F5F7F6;
  --tv-n-100:#EDF0EE; --tv-n-200:#DFE4E1; --tv-n-300:#C6CDC9;
  --tv-n-400:#9AA5A0; --tv-n-500:#6E7B76; --tv-n-600:#4E5A55;
  --tv-n-700:#38423E; --tv-n-800:#232B28; --tv-n-900:#141A18; --tv-n-950:#0B100E;

  /* semantic */
  --tv-success:#1B8A1E; --tv-success-bg:#E5F6E4; --tv-success-border:#A5E2A2;
  --tv-warning:#E08A1E; --tv-warning-bg:#FDF3E3; --tv-warning-border:#F0DCB6;
  --tv-danger:#C8372D;  --tv-danger-bg:#FBEAE8;  --tv-danger-border:#F3CFCB;
  --tv-info:#2563A8;    --tv-info-bg:#E8F0F9;    --tv-info-border:#C9DCF1;
  --tv-purple:#7B52B0;  --tv-purple-bg:#F0EAF6;  --tv-purple-border:#DCCDEA;

  /* roles */
  --tv-canvas:var(--tv-n-50);   --tv-surface:var(--tv-n-0);
  --tv-subtle:var(--tv-n-100);  --tv-selected:var(--tv-brand-50);
  --tv-border:var(--tv-n-200);  --tv-border-strong:var(--tv-n-300);
  --tv-text:var(--tv-n-800);    --tv-text-muted:var(--tv-n-500);
  --tv-text-faint:var(--tv-n-400);
  --tv-action:var(--tv-brand-600); --tv-action-hover:var(--tv-brand-700);
  --tv-focus:var(--tv-accent-500);

  /* type */
  --tv-font-display:"Colasta","Outfit",sans-serif;
  --tv-font-ui:"Poppins",system-ui,sans-serif;
  --tv-font-mono:"JetBrains Mono",ui-monospace,monospace;

  /* space · radius · control · elevation · motion */
  --tv-space-1:4px;  --tv-space-2:8px;  --tv-space-3:12px; --tv-space-4:16px;
  --tv-space-5:24px; --tv-space-6:32px; --tv-space-7:48px; --tv-space-8:64px;
  --tv-radius-sm:6px; --tv-radius-md:9px; --tv-radius-lg:14px; --tv-radius-full:999px;
  --tv-control-sm:28px; --tv-control-md:36px; --tv-control-lg:44px;
  --tv-shadow-raised:0 1px 2px rgba(20,26,24,.06), 0 2px 6px rgba(20,26,24,.05);
  --tv-shadow-overlay:0 8px 24px rgba(20,26,24,.10), 0 2px 6px rgba(20,26,24,.06);
  --tv-ease:cubic-bezier(.2,.7,.3,1);
  --tv-dur-fast:120ms; --tv-dur-base:200ms; --tv-dur-slow:320ms;
}

[data-theme="dark"] {
  --tv-canvas:var(--tv-n-950);  --tv-surface:var(--tv-n-900);
  --tv-subtle:var(--tv-n-800);  --tv-selected:#0F2E22;
  --tv-border:#2C3733;          --tv-border-strong:#3E4A45;
  --tv-text:var(--tv-n-100);    --tv-text-muted:var(--tv-n-400);
  --tv-text-faint:var(--tv-n-500);
  --tv-action:var(--tv-accent-400); --tv-action-hover:var(--tv-accent-300);
  --tv-success:#52C34E; --tv-success-bg:#12321A; --tv-success-border:#1B8A1E;
  --tv-warning:#F0A93E; --tv-warning-bg:#33260F; --tv-warning-border:#8A5310;
  --tv-danger:#E4655A;  --tv-danger-bg:#361714;  --tv-danger-border:#96261E;
  --tv-info:#5A9BE0;    --tv-info-bg:#122536;    --tv-info-border:#1E4E85;
  --tv-purple:#A98AD0;  --tv-purple-bg:#241B31;  --tv-purple-border:#5B3A87;
  --tv-shadow-raised:0 1px 2px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.3);
  --tv-shadow-overlay:0 8px 24px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.35);
}