/* Maison Stratégique design tokens, shared by the website (css/site.css) and both simulators.
   Load order on every page: Google Fonts link, then this file, then page styles.
   Fonts: Fraunces 400/500/600 and Inter 400/500/600/700. If Google Fonts cannot load, the stacks
   below fall back to Georgia (display) and the platform UI font (text). */
:root{
  /* Colour */
  --indigo-900:#1C1A3E;
  --indigo-800:#242058;
  --indigo-700:#312B78;
  --indigo-600:#463D9E;
  --indigo-100:#E7E5F5;
  --sandstone:#F3EEE4;
  --sandstone-2:#EAE2D2;
  --paper:#FBF9F4;
  --gold:#C9A24B;
  --gold-dark:#8A6A20;
  --ink:#211F2E;
  --ink-soft:#5B586E;
  --line: rgba(33,31,46,0.12);
  --line-on-dark: rgba(255,255,255,0.16);

  /* Type families */
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-serif: 'Fraunces', Georgia, 'Times New Roman', serif;

  /* Type scale (desktop / below 900px) */
  --text-display: 44px;       /* page h1 */
  --text-display-sm: 32px;
  --text-h2: 32px;            /* section heading */
  --text-h2-sm: 26px;
  --text-h3: 20px;            /* card heading */
  --text-body: 16px;
  --text-small: 13.5px;
  --text-caption: 12px;
  --text-button: 13.5px;
  --weight-heading: 400;      /* Fraunces headings */
  --weight-figure: 500;       /* Fraunces numbers and scores */
  --weight-button: 500;
  --leading-body: 1.6;
  --tracking-label: 0.08em;   /* uppercase captions */

  /* Logo: header height of final logo.png (aspect 1659:948) */
  --logo-h: 84px;
  --logo-h-sm: 56px;

  /* Shape */
  --radius-button: 2px;
  --radius-input: 4px;
  --radius-card: 6px;

  /* Spacing and layout */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --page-max: 1180px;
  --gutter: 56px;
  --gutter-sm: 24px;
  --header-pad-y: 26px;
}