/* Ruleta Criterio — design tokens
   Palette: cool gray + electric blue accents
   Style: Trust-First Regulated Guide */
:root {
  /* Colour */
  --c-bg: #F4F6F9;
  --c-bg-alt: #EBEEF4;
  --c-surface: #FFFFFF;
  --c-navy: #0F1B33;
  --c-navy-soft: #182747;
  --c-ink: #101828;
  --c-ink-muted: #4B5568;
  --c-ink-faint: #6B7590;
  --c-border: #DDE2EA;
  --c-border-strong: #C4CBD8;
  --c-accent: #2F6FED;
  --c-accent-dark: #1E4FC4;
  --c-accent-tint: #E7EEFE;
  --c-accent-tint-strong: #D2E0FC;
  --c-success: #147A50;
  --c-success-tint: #E4F5EE;
  --c-warn: #92400E;
  --c-warn-tint: #FCEFDA;
  --c-star: #2F6FED;
  --c-star-empty: #D7DCE6;

  /* Type */
  --font-base: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;
  --lh-tight: 1.2;
  --lh-base: 1.6;

  /* Spacing scale (4/8 based) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  /* Layout */
  --container-w: 1180px;
  --container-narrow: 760px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-pill: 999px;

  /* Effects */
  --shadow-sm: 0 1px 2px rgba(15, 27, 51, 0.06);
  --border-hairline: 1px solid var(--c-border);
}