/* ============ Assoluto — token (da tokens.json del design system) ============ */
:root, [data-theme="light"] {
  --surface-100: #f8f7f4;
  --surface-0: #ffffff;
  --surface-200: #efece6;
  --surface-inverse: #15191c;
  --ink: #15191c;
  --ink-secondary: #4e5154;
  --ink-muted: #62666a;
  --ink-inverse: #f3f1ec;
  --gold: #a8834f;
  --gold-text: #7d5f32;
  --gold-soft: #eadfcb;
  --cta-bg: #15191c;
  --cta-fg: #f3f1ec;
  --cta-bg-hover: #2a3034;
  --cta-bg-disabled: #c5c5c1;
  --cta-fg-disabled: #4a4d50;
  --border-hairline: #dedbd4;
  --border-strong: #7f8285;
  --focus-ring: #7d5f32;
  --success: #2e6b3f;
  --error: #b02a1f;
}
[data-theme="dark"] {
  --surface-100: #15191c;
  --surface-0: #1d2226;
  --surface-200: #23282c;
  --surface-inverse: #f8f7f4;
  --ink: #f3f1ec;
  --ink-secondary: #c5c5c1;
  --ink-muted: #9a9b99;
  --ink-inverse: #15191c;
  --gold-text: #c9a66f;
  --gold-soft: #3a3023;
  --cta-bg: #a8834f;
  --cta-fg: #15191c;
  --cta-bg-hover: #b8925c;
  --cta-bg-disabled: #44474a;
  --cta-fg-disabled: #b7b8b6;
  --border-hairline: #2e3438;
  --border-strong: #6e7174;
  --focus-ring: #c9a66f;
  --success: #8fcf9f;
  --error: #f28b82;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --container: 1200px;
  --measure-text: 640px;
  --measure-title: 880px;
  --grid-gap: 24px;
  --radius-none: 0px;
  --radius-sm: 2px;
  --radius-pill: 999px;
  --stroke-hairline: 1px;
  --stroke-control: 1px;
  --stroke-accent: 2px;
  --duration-fast: 150ms;
  --duration-base: 240ms;
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --font-display: "Jost", "Futura", "Century Gothic", sans-serif;
  --font-text: "IBM Plex Sans", "Segoe UI", Helvetica, Arial, sans-serif;
}