/* RESPOSTÁGIL — cópia do tokens.css do design system (https://claude.ai/artifact/W2N9BxXjVfUuBUqgN9xEfn).
   Adaptações: o tema escuro aplica-se também por prefers-color-scheme (bloco no fim);
   os @font-face estão em site.css, só com as letras usadas. Não editar valores à mão. */
:root, [data-theme="light"] {
  --surface: #f4f1ea;
  --surface-raised: #fbfaf6;
  --surface-sunken: #ebe6dc;
  --line: #d6ccbb;
  --line-strong: #6c7c76;
  --ink: #243c36;
  --ink-muted: #546661;
  --brand: #243c36;
  --on-brand: #f4f1ea;
  --brand-soft: #e4e6e1;
  --action: #a84f2a;
  --on-action: #fbfaf6;
  --action-hover: #914727;
  --link: #a84f2a;
  --accent: #c8bba6;
  --support: #a6aea2;
  --focus-ring: #a84f2a;
  --success: #3f6b4e;
  --success-soft: #e3ece5;
  --warning: #8a5f10;
  --warning-soft: #f3ead6;
  --danger: #a63d32;
  --danger-soft: #f5e3df;
  --info: #3e5f73;
  --info-soft: #e2eaef;
  --verde-50: #e4e6e1;
  --verde-100: #ccd0cc;
  --verde-200: #b4bbb7;
  --verde-300: #9ca6a1;
  --verde-400: #84918c;
  --verde-500: #6c7c76;
  --verde-600: #546661;
  --verde-700: #3c514b;
  --verde-800: #243c36;
  --verde-900: #1e312c;
  --areia-50: #f1ede6;
  --areia-100: #e3ddd1;
  --areia-200: #d6ccbb;
  --areia-300: #c8bba6;
  --areia-400: #b3a996;
  --areia-500: #9f9786;
  --areia-600: #8a8576;
  --areia-700: #757266;
  --areia-800: #616056;
  --areia-900: #4c4e46;
  --salvia-50: #eaebe5;
  --salvia-100: #d3d7cf;
  --salvia-200: #bdc2b8;
  --salvia-300: #a6aea2;
  --salvia-400: #959d92;
  --salvia-500: #848d83;
  --salvia-600: #747c73;
  --salvia-700: #636b64;
  --salvia-800: #525b54;
  --salvia-900: #414a44;
  --terracota-50: #efe2d9;
  --terracota-100: #e1c4b6;
  --terracota-200: #d3a793;
  --terracota-300: #c48a70;
  --terracota-400: #b66c4d;
  --terracota-500: #a84f2a;
  --terracota-600: #914727;
  --terracota-700: #793f25;
  --terracota-800: #623722;
  --terracota-900: #4b3020;
  --neutro-50: #e8e7e3;
  --neutro-100: #d2d0cb;
  --neutro-200: #bbb9b4;
  --neutro-300: #a4a39d;
  --neutro-400: #8e8c85;
  --neutro-500: #77756e;
  --neutro-600: #676761;
  --neutro-700: #585954;
  --neutro-800: #484b46;
  --neutro-900: #393e39;
  --shadow-sm: 0 1px 2px rgba(36,60,54,0.08);
  --shadow-md: 0 8px 24px rgba(36,60,54,0.12);
}
[data-theme="dark"] {
  --surface: #17221e;
  --surface-raised: #1f2d28;
  --surface-sunken: #111a17;
  --line: #33453f;
  --line-strong: #6c7c76;
  --ink: #f4f1ea;
  --ink-muted: #b4bbb7;
  --brand: #3c514b;
  --on-brand: #f4f1ea;
  --brand-soft: #26372f;
  --action: #d3a793;
  --on-action: #1e312c;
  --action-hover: #e1c4b6;
  --link: #d3a793;
  --accent: #c8bba6;
  --support: #636b64;
  --focus-ring: #e1c4b6;
  --success: #9cc3a8;
  --success-soft: #1e3326;
  --warning: #e0b866;
  --warning-soft: #33291a;
  --danger: #e79a8f;
  --danger-soft: #3a2220;
  --info: #9dbdd1;
  --info-soft: #1c2b34;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.5);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --font-display: "Outfit", system-ui, sans-serif;
  --font-text: "Source Sans 3", system-ui, sans-serif;
}
.display { font-family: var(--font-display); font-size: 56px; line-height: 60px; font-weight: 600; letter-spacing: -0.01em; }
.h1 { font-family: var(--font-display); font-size: 40px; line-height: 46px; font-weight: 600; letter-spacing: -0.005em; }
.h2 { font-family: var(--font-display); font-size: 28px; line-height: 34px; font-weight: 600; }
.h3 { font-family: var(--font-display); font-size: 21px; line-height: 28px; font-weight: 500; }
.overline { font-family: var(--font-display); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.1em; }
.body-lg { font-family: var(--font-text); font-size: 18px; line-height: 28px; font-weight: 400; }
.body { font-family: var(--font-text); font-size: 16px; line-height: 24px; font-weight: 400; }
.body-strong { font-family: var(--font-text); font-size: 16px; line-height: 24px; font-weight: 600; }
.small { font-family: var(--font-text); font-size: 14px; line-height: 20px; font-weight: 400; }
.caption { font-family: var(--font-text); font-size: 12px; line-height: 16px; font-weight: 400; }
@media (prefers-color-scheme: dark) {
  :root {
    --surface: #17221e;
    --surface-raised: #1f2d28;
    --surface-sunken: #111a17;
    --line: #33453f;
    --line-strong: #6c7c76;
    --ink: #f4f1ea;
    --ink-muted: #b4bbb7;
    --brand: #3c514b;
    --on-brand: #f4f1ea;
    --brand-soft: #26372f;
    --action: #d3a793;
    --on-action: #1e312c;
    --action-hover: #e1c4b6;
    --link: #d3a793;
    --accent: #c8bba6;
    --support: #636b64;
    --focus-ring: #e1c4b6;
    --success: #9cc3a8;
    --success-soft: #1e3326;
    --warning: #e0b866;
    --warning-soft: #33291a;
    --danger: #e79a8f;
    --danger-soft: #3a2220;
    --info: #9dbdd1;
    --info-soft: #1c2b34;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
    --shadow-md: 0 8px 24px rgba(0,0,0,0.5);
  }
}