/* Gerado uma vez a partir de tokens.json (Los Karajos design system). Não editar à mão. */

:root, [data-theme="dark"] {
  --brand-sangre: #7f0001;
  --brand-grito: #e00000;
  --brand-cacto: #235c33;
  --brand-hoja: #084622;
  --brand-hueso: #f0c890;
  --brand-bala: #d88820;
  --brand-noche: #0c0c0a;
  --bg: #0c0b0a;
  --surface: #161310;
  --surface-raised: #221d18;
  --line: #3d332b;
  --line-strong: #7d6a58;
  --ink: #f2e3c6;
  --ink-muted: #b0a18a;
  --primary: #b3000c;
  --on-primary: #fff1dc;
  --primary-text: #ff5c4d;
  --primary-soft: #3a0d0a;
  --accent: #e0952a;
  --on-accent: #1a0e00;
  --accent-text: #e0952a;
  --accent-soft: #33230c;
  --success: #2e7d46;
  --on-success: #fff1dc;
  --success-text: #62c27f;
  --success-soft: #0f2a19;
  --danger: #ff7a3d;
  --on-danger: #1a0e00;
  --danger-soft: #3a1a0a;
  --focus: #f0c890;
  --link: var(--primary-text);

  --font-display: "Rubik Dirt", "Rubik", Impact, sans-serif;
  --font-condensed: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-sans: "Barlow", system-ui, -apple-system, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-raised: 0 8px 24px rgba(0,0,0,0.6);
  --shadow-stamp: 0 3px 0 #4a0006;
  --tap-min: 44px;
  --nav-bar: 64px;
  --app-bar: 56px;
  --logo-min: 96px;
}

[data-theme="light"] {
  --bg: #f3e7d0;
  --surface: #faf3e4;
  --surface-raised: #ffffff;
  --line: #dcc9a8;
  --line-strong: #8c7355;
  --ink: #1a1410;
  --ink-muted: #5c4d40;
  --primary: #9e000a;
  --on-primary: #fff1dc;
  --primary-text: #9e000a;
  --primary-soft: #f8e1d8;
  --accent: #e0952a;
  --on-accent: #1a0e00;
  --accent-text: #8a5200;
  --accent-soft: #f7e3bf;
  --success: #1f6b38;
  --on-success: #fff1dc;
  --success-text: #1f6b38;
  --success-soft: #dcebd9;
  --danger: #b33c00;
  --on-danger: #fff1dc;
  --danger-soft: #f8dcc8;
  --focus: #1a1410;
  --shadow-raised: 0 6px 18px rgba(60,30,10,0.18);
  --shadow-stamp: 0 3px 0 #5c0006;
}