/* Design tokens -- the single source of truth for colour, type and space.
 *
 * Every later task (8-15) consumes these custom properties. Do not invent a
 * new colour, font size or spacing value in a later stylesheet -- add a
 * token here instead, so the whole app stays one system.
 *
 * Values are copied verbatim from the Task 7 brief. See app.css for how
 * they are applied (components, fonts, motion, responsiveness).
 */
:root {
  /* ground and surfaces */
  --bg:            #0B1020;
  --bg-elev:       #141B2D;
  --bg-elev-2:     #1B2439;
  --hairline:      rgba(255,255,255,0.07);
  --hairline-firm: rgba(255,255,255,0.14);

  /* type */
  --ink:        #E8ECF5;
  --ink-muted:  #94A1BD;
  --ink-faint:  #5B6784;

  /* region hues -- the only categorical colour in the app */
  --africa:   #F0B429;
  --americas: #FF6B6B;
  --asia:     #2DD4BF;
  --europe:   #A78BFA;
  --oceania:  #38BDF8;

  /* people */
  --anup:     #F0B429;
  --eugenia:  #2DD4BF;
  --both:     #A78BFA;

  /* map */
  --unvisited: #1E293B;
  --map-stroke: rgba(255,255,255,0.10);
  --graticule:  rgba(255,255,255,0.045);

  /* type scale */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fs-hero:  clamp(2.75rem, 7vw, 4.5rem);
  --fs-stat:  clamp(1.9rem, 4vw, 2.75rem);
  --fs-body:  0.9375rem;
  --fs-label: 0.6875rem;

  /* space and shape */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
  --radius: 14px;
  --radius-sm: 8px;
  --shadow: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.28);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}