/* Tallery — tokens (generado de tokens.json) */
:root, [data-theme="light"] {
  --surface-000: #eef1f5;
  --surface-100: #ffffff;
  --surface-200: #f4f6f9;
  --panel-dark: #0e1a2b;
  --panel-dark-raised: #1a2940;
  --ink: #0e1a2b;
  --ink-muted: #556275;
  --on-dark: #f4f6fa;
  --on-dark-muted: #a9b4c4;
  --line: #e3e8ef;
  --brand: #0b9ad6;
  --brand-strong: #0369a1;
  --brand-on-dark: #38bdf8;
  --accent-blue: #2563eb;
  --tint-blue: #cfddfb;
  --tint-apricot: #ffd6bd;
  --tint-lilac: #dcd5f7;
  --shadow-card: 0 1px 2px rgba(18,21,27,0.06), 0 12px 32px rgba(18,21,27,0.08);
}
[data-theme="dark"] {
  --surface-000: #070b12;
  --surface-100: #0f1724;
  --surface-200: #172133;
  --panel-dark: #16233a;
  --panel-dark-raised: #22324d;
  --ink: #f1f4f8;
  --ink-muted: #a3aebd;
  --on-dark: #f4f6fa;
  --on-dark-muted: #b3bdcb;
  --line: #26344a;
  --brand: #38bdf8;
  --brand-strong: #7dd3fc;
  --brand-on-dark: #38bdf8;
  --accent-blue: #6ea0ff;
  --tint-blue: #9db7ee;
  --tint-apricot: #f0ae86;
  --tint-lilac: #b4a7ea;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.4), 0 12px 32px rgba(0,0,0,0.35);
}
: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;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --font-sans: "Inter Tight", Inter, system-ui, sans-serif;
}