/* Tokens del design system FormalCredito.
   Fuente de verdad: design/tokens.json. Este archivo es su traducción a variables CSS
   (el design system no publica un tokens.css). No uses hex fuera de aquí. */
:root {
  /* Color */
  --brand-500: #6916e6;
  --brand-700: #460f99;
  --brand-900: #2f0a66;
  --brand-200: #cbb8e6;
  --brand-tint: #6916e61a;
  --ink: #19181f;
  --ink-muted: #50535a;
  --on-brand: #ffffff;
  --surface: #ffffff;
  --surface-subtle: #f4f4f3;
  --surface-sunken: #e9eae8;
  --yellow-400: #ffe079;
  --yellow-500: #f2da91;
  --teal-300: #96c1c4;
  --teal-200: #b6d3d8;
  --error-300: #cc5266;
  --error-700: #a8344a;

  /* Espaciado (base 4) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-9: 36px;
  --space-12: 48px;

  /* Radios: casi cuadrados */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-round: 24px;

  /* Tipografía: solo Titillium Web (300, 600, 700) */
  --font-sans: "Titillium Web", system-ui, -apple-system, "Segoe UI", sans-serif;
}