/* Arealytics brand tokens — generated from ../Arealytics Website/Website Project/design-tokens.json
   Single source of truth for colour, type, spacing, radius, shadow. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* Colour — primary */
  --c-dark:        #1E2A8A;
  --c-dark-deep:   #131B40;
  --c-dark-mid:    #1A2454;
  --c-blue:        #368BC9;
  --c-blue-light:  #5AAEDE;
  --c-blue-pale:   #EBF5FF;
  --c-coral:       #F28F29;
  --c-coral-hover: #E07D18;

  /* Colour — neutral */
  --c-white:       #FFFFFF;
  --c-ink:         #111827;
  --c-ink-soft:    #374151;
  --c-ink-muted:   #6B7280;
  --c-surface-alt: #F7F9FC;
  --c-border:      #E5E7EB;

  /* Colour — semantic */
  --c-success:         #059669;
  --c-success-surface: #ECFDF5;
  --c-ticker-up:       #5EE6A0;
  --c-ticker-down:     #FF6B6B;
  --c-cream:           #FDF3E2;

  /* Type */
  --font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  /* Letter-spacing */
  --ls-tighter: -0.03em;
  --ls-tight:   -0.028em;
  --ls-snug:    -0.025em;
  --ls-wide:    0.04em;
  --ls-wider:   0.08em;
  --ls-widest:  0.16em;

  /* Spacing scale */
  --sp-1: 4px;  --sp-2: 6px;  --sp-3: 8px;  --sp-4: 10px; --sp-5: 12px;
  --sp-6: 14px; --sp-7: 16px; --sp-8: 20px; --sp-9: 24px; --sp-10: 28px;
  --sp-11: 32px; --sp-12: 40px; --sp-13: 48px; --sp-14: 64px; --sp-15: 80px;

  /* Radius */
  --r-sm: 4px; --r-md: 6px; --r-lg: 8px; --r-xl: 10px;
  --r-2xl: 12px; --r-3xl: 14px; --r-4xl: 16px; --r-full: 999px;

  /* Shadow */
  --sh-sm: 0 1px 3px rgba(0,0,0,0.06);
  --sh-md: 0 4px 12px rgba(0,0,0,0.08);
  --sh-lg: 0 8px 32px rgba(0,0,0,0.10);
  --sh-coral: 0 4px 14px rgba(242,143,41,0.32);
}