/* Generado por bin/sync-design.php desde design/tokens.json. No editar a mano. */
@font-face { font-family: 'Roboto Slab'; font-weight: 400 700; font-display: swap; src: url(../fonts/RobotoSlab-latin.woff2) format('woff2'); }
@font-face { font-family: 'Roboto Mono'; font-weight: 400; font-display: swap; src: url(../fonts/RobotoMono-400-latin.woff2) format('woff2'); }
@font-face { font-family: 'Roboto'; font-weight: 400 900; font-display: swap; src: url(../fonts/Roboto-latin.woff2) format('woff2'); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400 900; font-display: swap; src: url(../fonts/Roboto-Italic-latin.woff2) format('woff2'); }
:root, [data-theme="light"] {
  --surface-100: #F3F0EB;
  --surface-0: #FFFDFA;
  --surface-200: #EAE4DC;
  --line: #DDD4C9;
  --line-strong: #6E5140;
  --ink: #22170F;
  --ink-muted: #665344;
  --brand: #5B3E2B;
  --brand-hover: #472F20;
  --on-brand: #FFFDFA;
  --brand-soft: #EBE1D6;
  --gold: #C8962E;
  --on-gold: #22170F;
  --gold-ink: #7F5A12;
  --focus: #8A6414;
  --danger: #A1302A;
  --on-danger: #FFFDFA;
  --danger-soft: #F6E3E0;
  --success: #2A6350;
  --success-soft: #E1EFE8;
  --logo-ground: #2A1D14;
  --scrim: rgba(34, 23, 15, 0.45);
  --srm-amarillo: #F2C94C;
  --srm-dorado: #E0A526;
  --srm-naranja: #CC7A21;
  --srm-rojo: #9B3A1C;
  --srm-marron: #5C2E14;
  --srm-negro: #1E120B;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-full: 999px;
  --shadow-overlay: 0 16px 40px rgba(34, 23, 15, 0.18);
  --size-control: 40px;
  --size-control-sm: 32px;
  --size-row: 64px;
  --size-thumb: 44px;
  --size-drawer: 480px;
  --font-slab: "Roboto Slab", Rockwell, Georgia, serif;
  --font-sans: Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Roboto Mono", ui-monospace, Menlo, Consolas, monospace;
}
[data-theme="dark"] {
  --surface-100: #15110D;
  --surface-0: #1F1914;
  --surface-200: #2A221B;
  --line: #3A3027;
  --line-strong: #9A7D63;
  --ink: #F3ECE3;
  --ink-muted: #B6A592;
  --brand: #D2AE86;
  --brand-hover: #E2C3A0;
  --on-brand: #1A120C;
  --brand-soft: #3A2C20;
  --gold: #D9AA45;
  --on-gold: #1A120C;
  --gold-ink: #E6BC5E;
  --focus: #E6BC5E;
  --danger: #F08C7F;
  --on-danger: #1A120C;
  --danger-soft: #3A1E1A;
  --success: #7FC7A6;
  --success-soft: #1B2E25;
  --logo-ground: #0E0B08;
  --scrim: rgba(0, 0, 0, 0.6);
  --shadow-overlay: 0 16px 40px rgba(0, 0, 0, 0.55);
}