/* FETULI — tokens.css (cópia do design system: tema claro por omissão; escuro com data-theme="dark") */
:root, [data-theme="light"] {
  --night: #080604;
  --espresso: #1a1513;
  --walnut-deep: #382416;
  --cream: #ffedd7;
  --taupe: #847a6e;
  --taupe-light: #9a8d7e;
  --walnut: #654529;
  --copper: #b87a3d;
  --copper-light: #d9a66b;
  --paper: #f5efe6;
  --cork: #e8dccb;
  --sand: #d5c4ac;
  --ink: #2b1f16;
  --copper-text: #8a5524;
  --stone: #655a4e;
  --driftwood: #8a7761;
  --linen: #fcf8f2;
  --bg: #f5efe6;
  --surface: #e8dccb;
  --surface-raised: #fcf8f2;
  --text: #2b1f16;
  --text-muted: #655a4e;
  --line: #d5c4ac;
  --line-strong: #8a7761;
  --brand: #654529;
  --accent: #b87a3d;
  --accent-hover: #c68746;
  --accent-press: #a66c33;
  --accent-text: #8a5524;
  --on-accent: #080604;
  --secondary: #382416;
  --secondary-hover: #654529;
  --on-secondary: #ffedd7;
  --inverse: #2b1f16;
  --on-inverse: #f5efe6;
  --focus: #8a5524;
  --glass: rgba(252,248,242,0.72);
  --glass-line: rgba(43,31,22,0.14);
  --overlay: rgba(43,31,22,0.48);
  --disabled-bg: #e3d8c8;
  --disabled-text: #9a8d7e;
  --success-text: #4f6331;
  --success-bg: #e2e3cf;
  --warning-text: #7d5a0e;
  --warning-bg: #f0e2bf;
  --danger-text: #9a3d28;
  --danger-bg: #f2d9ce;
  --info-text: #4a5f73;
  --info-bg: #dce1e3;
  --progress-bg: #f0e0cc;
  --shadow-sm: 0 1px 2px rgba(43,31,22,0.10);
  --shadow-md: 0 8px 24px rgba(43,31,22,0.12);
  --shadow-lg: 0 24px 64px rgba(43,31,22,0.18);
}
[data-theme="dark"] {
  --ink: #e3d4c9;
  --bg: #080604;
  --surface: #1a1513;
  --surface-raised: #382416;
  --text: #ffedd7;
  --text-muted: #9a8d7e;
  --line: #382416;
  --line-strong: #847a6e;
  --brand: #654529;
  --accent: #b87a3d;
  --accent-hover: #c68746;
  --accent-press: #a66c33;
  --accent-text: #d9a66b;
  --on-accent: #080604;
  --secondary: #382416;
  --secondary-hover: #654529;
  --on-secondary: #ffedd7;
  --inverse: #ffedd7;
  --on-inverse: #080604;
  --focus: #d9a66b;
  --glass: rgba(26,21,19,0.62);
  --glass-line: rgba(255,237,215,0.16);
  --overlay: rgba(8,6,4,0.72);
  --disabled-bg: #2a221d;
  --disabled-text: #6e655b;
  --success-text: #a5b77f;
  --success-bg: #1f2416;
  --warning-text: #d9b25a;
  --warning-bg: #2a2111;
  --danger-text: #e59378;
  --danger-bg: #2d1a14;
  --info-text: #a9bcc8;
  --info-bg: #1a2027;
  --progress-bg: #2e2014;
  --shadow-sm: 0 1px 2px rgba(8,6,4,0.6);
  --shadow-md: 0 8px 24px rgba(8,6,4,0.55);
  --shadow-lg: 0 24px 64px rgba(8,6,4,0.7);
}
: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;
  --space-24: 96px;
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-pill: 999px;
  --border-dotted: 1px dotted;
  --border-dashed: 1px dashed;
  --border-dotted-active: 2px dotted;
  --border-solid: 1px solid;
  --blur-header: 12px;
  --blur-panel: 18px;
  --blur-overlay: 8px;
  --font-display: Fraunces, Georgia, "Times New Roman", serif;
  --font-sans: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
}
.t-wordmark { font-family: var(--font-display); font-size: 200px; line-height: 0.85; font-weight: 700; letter-spacing: -0.02em; }
.t-display { font-family: var(--font-display); font-size: 96px; line-height: 0.95; font-weight: 600; letter-spacing: -0.01em; }
.t-h1 { font-family: var(--font-display); font-size: 64px; line-height: 0.98; font-weight: 600; letter-spacing: -0.01em; }
.t-h2 { font-family: var(--font-display); font-size: 44px; line-height: 1.02; font-weight: 600; letter-spacing: -0.005em; }
.t-h3 { font-family: var(--font-display); font-size: 28px; line-height: 1.1; font-weight: 600; letter-spacing: 0em; }
.t-h4 { font-family: var(--font-sans); font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0em; }
.t-body-lg { font-family: var(--font-sans); font-size: 18px; line-height: 28px; font-weight: 400; }
.t-body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.t-body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.t-caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; }
.t-label { font-family: var(--font-sans); font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: 0.14em; }
.t-nav { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.12em; }
.t-button { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 700; letter-spacing: 0.08em; }
.t-ref { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.04em; }