/* A Decisão Indelegável — tokens do design system (tokens.json) */
:root {
  /* Paleta Primary (Green) */
  --green-50: #f3feff;
  --green-100: #ddfdff;
  --green-200: #c8fcff;
  --green-300: #b2fbff;
  --green-400: #9dfaff;
  --green-500: #83f1f7;
  --green-600: #57c8ce;
  --green-700: #34a0a6;
  --green-800: #19787d;
  --green-900: #085054;
  --green-950: #04393c;

  /* Paleta Gray + Basic */
  --gray-50: #fcfcfc;
  --gray-100: #f7f7f7;
  --gray-200: #f2f2f2;
  --gray-300: #ebebeb;
  --gray-400: #c9c9c9;
  --gray-500: #ababab;
  --gray-600: #818181;
  --gray-700: #6d6d6d;
  --gray-800: #4d4d4d;
  --gray-900: #2b2b2b;
  --gray-950: #1c1c1c;
  --black: #000000;
  --white: #ffffff;

  /* Tipografia */
  --font-heading: "Fira Sans", system-ui, sans-serif;
  --font-body: "Source Sans 3", system-ui, sans-serif;
  --font-ui: Inter, system-ui, sans-serif;

  /* Espaçamento */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-28: 112px;

  /* Radius */
  --radius-xs: 2px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-2xl: 16px;
  --radius-3xl: 24px;
  --radius-4xl: 32px;
  --radius-full: 9999px;

  --shadow-xs: 0 1px 2px 0 #0a0a0a0d;

  /* Layout */
  --container-max: 1440px;
  --gutter: 24px;
  --margin-mobile: 16px;
  --margin-tablet: 24px;
  --margin-desktop: 64px;
  --nav-height: 80px;
  --nav-height-scrolled: 60px;
  --touch-target: 44px;

  /* Motion */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* Tema escuro (padrão) */
  --surface: var(--green-950);
  --surface-raised: var(--green-900);
  --ink: var(--gray-50);
  --ink-muted: var(--gray-400);
  --link: var(--green-500);
  --border: var(--green-800);
  --border-strong: var(--green-700);
  --focus-ring: var(--green-500);
  --action: #83f1f7;
  --action-hover: #6ae2e8;
  --action-active: #55d3da;
  --on-action: var(--green-900);
  --success: #34d399;
  --error: #f87171;
}

/* Tema claro, aplicado por seção */
[data-theme="light"] {
  --surface: var(--gray-50);
  --surface-raised: var(--white);
  --ink: var(--gray-900);
  --ink-muted: var(--gray-700);
  --link: var(--green-800);
  --border: var(--gray-400);
  --border-strong: var(--gray-600);
  --focus-ring: var(--green-800);
  --action: #57c8ce;
  --action-hover: #4db0b5;
  --action-active: #41969a;
  --on-action: #1a1a1a;
  --success: #059669;
  --error: #dc2626;
}