/* Tino Garcia Design System · Foundations v0.1
   Every value below is lifted from the published foundations page. */
:root {
  /* Violet · primary · OKLCH hue 296 */
  --violet-50:#F6F4FF; --violet-100:#EEE9FF; --violet-200:#DED4FF; --violet-300:#CBBDFF;
  --violet-400:#946CE6; --violet-500:#7036C3; --violet-600:#55209E; --violet-700:#42187C;
  --violet-800:#2E1258; --violet-900:#1C0B37;

  /* Neutral · violet-tinted grey, chroma 0.01 */
  --neutral-0:#FDFDFF; --neutral-50:#F6F5F8; --neutral-100:#EBEAEE; --neutral-200:#D9D8DE;
  --neutral-300:#BCBBC2; --neutral-400:#939199; --neutral-500:#706F76; --neutral-600:#54535A;
  --neutral-700:#3B3A3F; --neutral-800:#232226; --neutral-900:#141414;

  /* Accent ramps · soft / border / base / deep / ink */
  --sage-soft:#DCEEDC; --sage-border:#A9D3AB; --sage-base:#73AF83; --sage-deep:#3A6744; --sage-ink:#23402A;
  --amber-soft:#FCEDCD; --amber-border:#EFCE85; --amber-base:#F4AC05; --amber-deep:#A56300; --amber-ink:#4A2E00;
  --lavender-soft:#F1EDFF; --lavender-border:#DED4FF; --lavender-base:#CBBDFF; --lavender-deep:#9882D4; --lavender-ink:#42187C;
  --red-soft:#FBE3E5; --red-border:#F2AFB6; --red-base:#DE394B; --red-deep:#B92435; --red-ink:#6E0F1C;

  /* Semantic */
  --color-bg:var(--neutral-0); --color-ink:var(--neutral-900);
  --color-text-secondary:var(--neutral-700); --color-text-tertiary:var(--neutral-600);
  --color-primary:var(--violet-500); --color-primary-hover:var(--violet-600);
  --color-positive:var(--sage-deep); --color-warning:var(--amber-deep); --color-danger:var(--red-base);
  --focus-ring:3px solid #C7B4FE; --focus-offset:2px;

  /* Type families */
  --font-display:"Unbounded",system-ui,sans-serif;
  --font-body:"Nunito Sans",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;

  /* Type scale · 1.250 major third, 16px base · size / line-height / tracking */
  --display-xl:700 76px/0.95 var(--font-display); --display-xl-tracking:-0.035em;
  --display-l:700 60px/1.0 var(--font-display);   --display-l-tracking:-0.03em;
  --display-m:600 48px/1.05 var(--font-display);  --display-m-tracking:-0.025em;
  --heading-1:600 38px/1.15 var(--font-display);  --heading-1-tracking:-0.02em;
  --heading-2:500 30px/1.2 var(--font-display);   --heading-2-tracking:-0.015em;
  --heading-3:500 24px/1.3 var(--font-display);   --heading-3-tracking:-0.01em;
  --subhead:700 20px/1.4 var(--font-body);        --subhead-tracking:-0.005em;
  --body-l:400 18px/1.6 var(--font-body);
  --body:400 16px/1.65 var(--font-body);
  --body-s:400 14px/1.6 var(--font-body);
  --label:700 12px/1.35 var(--font-body);         --label-tracking:0.08em;
  --mono:400 13px/1.6 var(--font-mono);

  /* Space · base 4 */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px; --space-10:128px;

  /* Radius */
  --radius-sm:6px; --radius-md:10px; --radius-lg:14px; --radius-xl:20px; --radius-full:9999px;

  /* Elevation · shadows tinted violet-800 */
  --elev-0:none;
  --elev-1:0 1px 2px rgba(46,18,88,.06),0 1px 3px rgba(46,18,88,.05);
  --elev-2:0 2px 4px rgba(46,18,88,.06),0 6px 16px rgba(46,18,88,.08);
  --elev-3:0 4px 8px rgba(46,18,88,.06),0 16px 32px rgba(46,18,88,.10);
  --elev-4:0 8px 16px rgba(46,18,88,.08),0 32px 64px rgba(46,18,88,.14);

  /* Motion */
  --duration-instant:100ms; --duration-quick:150ms; --duration-base:200ms;
  --duration-moderate:300ms; --duration-slow:400ms; --duration-exit-factor:0.7;
  --ease-enter:cubic-bezier(0.16,1,0.3,1);
  --ease-exit:cubic-bezier(0.7,0,0.84,0);
  --ease-move:cubic-bezier(0.65,0,0.35,1);
  --ease-emphasis:cubic-bezier(0.34,1.4,0.64,1);
}
@media (prefers-reduced-motion:reduce){
  :root{--duration-quick:100ms;--duration-base:100ms;--duration-moderate:100ms;--duration-slow:100ms}
}