/* Restaurante Capitólio: tokens do design system. Mesmos nomes de tokens.json. */
:root,
[data-theme="noite"] {
  --brand-vinho: #5c0001;
  --brand-vinho-claro: #850609;
  --brand-vinho-fundo: #3a0000;
  --brand-laranja: #fe9245;
  --brand-laranja-forte: #d84d02;
  --brand-marrom: #745120;
  --brand-marrom-fundo: #401404;
  --brand-gelo: #f4f4f4;

  --surface-page: #5c0001;
  --surface-card: #3a0000;
  --ink: #f4f4f4;
  --ink-muted: #e8cfc6;
  --accent-text: #fe9245;
  --accent-fill: #fe9245;
  --on-accent: #3a0000;
  --line: #f4f4f42e;
}

[data-theme="dia"] {
  --surface-page: #f4f4f4;
  --surface-card: #ffffff;
  --ink: #3a0000;
  --ink-muted: #745120;
  --accent-text: #a93c00;
  --accent-fill: #fe9245;
  --on-accent: #3a0000;
  --line: #74512047;
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --font-sans: "Poppins", system-ui, sans-serif;
  --font-serif: "Libre Baskerville", Georgia, serif;
  --font-script: "Ms Madi", "Segoe Script", cursive;
}