/* Tokens do design system Letreiro */
:root {
  --surface: #f6f5f1;
  --surface-raised: #ffffff;
  --surface-sunken: #ecebe5;
  --line: #d6d4ca;
  --line-strong: #8a8c93;
  --ink: #17181b;
  --ink-muted: #585a61;
  --brand: #f5c400;
  --brand-soft: #fff3c2;
  --on-brand: #17181b;
  --accent: #b0124f;
  --on-accent: #ffffff;
  --info: #0a6590;
  --info-soft: #e1f1f9;
  --success: #1a6e3f;
  --success-soft: #e2f3e9;
  --warning: #8a5a00;
  --warning-soft: #fdf0cf;
  --danger: #b3261e;
  --danger-soft: #fbe4e2;
  --focus: #0a6590;
  --shadow-1: 0 1px 2px rgba(23,24,27,0.08);
  --shadow-2: 0 8px 24px rgba(23,24,27,0.14);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --font-sans: "Archivo", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #15161a;
    --surface-raised: #1e2025;
    --surface-sunken: #0f1013;
    --line: #34363d;
    --line-strong: #6f727a;
    --ink: #f1efe8;
    --ink-muted: #a6a8af;
    --brand: #f5c400;
    --brand-soft: #3a3212;
    --on-brand: #17181b;
    --accent: #f06a9b;
    --on-accent: #17181b;
    --info: #62c2ec;
    --info-soft: #132a36;
    --success: #5ccb91;
    --success-soft: #15301f;
    --warning: #f5c400;
    --warning-soft: #352b0c;
    --danger: #f28b82;
    --danger-soft: #3b1714;
    --focus: #62c2ec;
    --shadow-1: 0 1px 2px rgba(0,0,0,0.5);
    --shadow-2: 0 8px 24px rgba(0,0,0,0.6);
  }
}
:root[data-theme="dark"] {
  --surface: #15161a;
  --surface-raised: #1e2025;
  --surface-sunken: #0f1013;
  --line: #34363d;
  --line-strong: #6f727a;
  --ink: #f1efe8;
  --ink-muted: #a6a8af;
  --brand: #f5c400;
  --brand-soft: #3a3212;
  --on-brand: #17181b;
  --accent: #f06a9b;
  --on-accent: #17181b;
  --info: #62c2ec;
  --info-soft: #132a36;
  --success: #5ccb91;
  --success-soft: #15301f;
  --warning: #f5c400;
  --warning-soft: #352b0c;
  --danger: #f28b82;
  --danger-soft: #3b1714;
  --focus: #62c2ec;
  --shadow-1: 0 1px 2px rgba(0,0,0,0.5);
  --shadow-2: 0 8px 24px rgba(0,0,0,0.6);
}