/* Carte IQ design tokens (Fable P2.1). Colours already live in application.css (:root --color-*);
   this file adds the spacing, type, radius and elevation scales every component should read. */
:root {
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --text-xs: 0.8rem;
  --text-sm: 0.9rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: 1.375rem;
  --text-xl: 1.75rem;
  --text-2xl: 2.25rem;
  --leading-tight: 1.2;
  --leading-body: 1.55;

  --radius-sm: 0.5rem;
  --radius-md: 0.85rem;
  --radius-lg: 1.25rem;
  --radius-pill: 999px;

  --elevation-1: 0 1px 2px rgb(16 36 60 / 6%);
  --elevation-2: 0 8px 24px rgb(16 36 60 / 10%);

  --focus-ring: 0 0 0 3px rgb(23 104 213 / 30%);
}