:root {
  --paper: #FAF7F2;
  --surface: #FFFFFF;
  --ink: #1B1B1F;
  --ink-2: #4A4A55;
  --line: #E6E1D8;
  --brand: #0F5257;
  --brand-ink: #FFFFFF;
  --doble: #F2A541;
  --triple: #E4572E;
  --ordinaria: #9DB4AB;
  --brand-deep: #0B3B3F;
  --manila: #F3E8CB;
  --manila-line: #DCCB9E;
  --manila-ink: #5B4A22;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --shadow-tarjeta: 0 1px 0 rgba(91, 74, 34, 0.18), 0 12px 32px -12px rgba(27, 27, 31, 0.28);
  --focus-ring: 3px solid #0F5257;
  --focus-offset: 2px;
  --font-display: "Bricolage Grotesque", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-22: 1.375rem;
  --fs-28: 1.75rem;
  --fs-36: 2.25rem;
  --fs-48: 3rem;
  --lh-body: 1.6;
  --lh-heading: 1.15;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --radius-card: 14px;
  --radius-input: 10px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(27, 27, 31, 0.06), 0 4px 16px rgba(27, 27, 31, 0.06);
  --max-prosa: 720px;
  --max-layout: 1100px;
  --dur-hover: 150ms;
  --dur-crecer: 240ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}