/* WPA Event App — design tokens. Single source for colours, type and spacing.
   Accent is per event (BrandingConfig) and is set at runtime on <html style="--color-accent: …">. */
:root {
  --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --color-bg: #F6F4F1;
  --color-surface: #FFFFFF;
  --color-surface-muted: #FBFAF8;
  --color-ink: #16181D;
  --color-ink-2: #22252C;        /* dark surfaces */
  --color-ink-3: #2B2F37;        /* dark tiles */
  --color-text: #3A3E47;         /* body on white */
  --color-text-muted: #5B606B;   /* secondary text, captions, disabled */
  --color-border: #E6E3DF;       /* cards */
  --color-border-strong: #D9D5CF;/* inputs, secondary buttons */
  --color-border-dashed: #A39E96;
  --color-track: #ECE8E3;        /* segmented control track */
  --color-chip: #F1EEEA;

  --color-accent: #C8102E;       /* default WPA red; overridden per event */
  --color-accent-tint: #FCE9EC;
  --color-secondary: #1F3A5F;
  --color-secondary-tint: #E8EEF6;
  --color-gold: #F3BB23;         /* WPA logo arrow; key-visual glow (D-921) */
  --color-gold-tint: #FFF4D6;

  --color-success: #145A38;  --color-success-bg: #E7F3EC;  --color-switch-on: #1F7A4D;
  --color-warning: #6B4600;  --color-warning-bg: #FFF3DC;  --color-warning-line: #B45309;
  --color-danger:  #A3121F;  --color-danger-bg:  #FBEBEB;
  --color-sponsor: #E7DCC8;  --color-sponsor-bg: #FBF6EC;  --color-sponsor-text: #5A4524;
  --color-switch-off: #A39E96;

  /* Added during build: colours used on the boards but missing from the handoff tokens (docs/decisions.md D-104) */
  --color-border-subtle: #EEEBE7;   /* done slot border */
  --color-warning-surface: #FFFBF2; /* pending slot fill */
  --color-handle: #CFCAC3;          /* sheet grab handle */
  --color-on-ink-muted: #A3A7B0;    /* sidebar caps labels */
  --color-on-ink-soft: #C9CCD3;     /* sidebar footer text */
  --color-on-ink: #E3E5E9;          /* sidebar nav text */

  /* radius */
  --radius-sm: 10px; --radius-md: 12px; --radius-lg: 14px; --radius-card: 16px;
  --radius-section: 18px; --radius-hero: 22px; --radius-sheet: 24px; --radius-pill: 999px;

  /* spacing */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px;
  --page-x-phone: 20px;

  /* controls */
  --h-cta: 52px; --h-btn: 44px; --h-btn-console: 40px; --h-input: 48px; --h-search: 44px; --h-input-console: 40px;
  --h-chip: 36px; --h-segment: 40px; --h-daypicker: 56px; --h-header: 64px; --h-tabbar: 76px;

  /* type (size / weight); line-height 1.5 for body, 1.15–1.25 for titles */
  --fs-large-title: 24px; --fs-title: 20px; --fs-card-title: 15px; --fs-section: 14px;
  --fs-body: 14px; --fs-secondary: 13px; --fs-caption: 12px; --fs-label: 11px;
  --fw-regular: 500; --fw-semibold: 600; --fw-bold: 700; --fw-heavy: 800;
  --ls-caps: .05em;

  /* console */
  --fs-console-title: 28px; --console-sidebar-w: 240px; --console-pad-x: 32px;
}