/* round-tokens.css — locked design tokens for this wireframe round. */

:root {
  /* Greyscale wireframe palette — stands in for the future dark + red palette */
  --color-ground:       #0d0d0d;
  --color-surface:      #161616;
  --color-surface-alt:  #222222;
  --color-surface-mid:  #2e2e2e;
  --color-accent:       #666666;
  --color-accent-strong:#888888;
  --color-heading:      #ffffff;
  --color-heading-alt:  #777777;
  --color-text:         #cccccc;
  --color-text-muted:   #888888;
  --color-border:       #333333;
  --color-placeholder:  #1e1e1e;
  --color-callout-bg:   #2a1a1a;
  --color-annotation:   #555555;

  /* Typography */
  --font-display: 'Oswald', sans-serif;
  --font-body:    'Source Sans 3', sans-serif;
  --fw-display:   700;
  --fw-body:      400;
  --fw-body-bold: 600;

  /* Type scale — phone-first (390px) */
  --h1-size:    clamp(2.5rem, 8vw, 6.25rem);
  --h2-size:    clamp(1.75rem, 5vw, 3.75rem);
  --h3-size:    clamp(1.25rem, 3vw, 1.75rem);
  --body-size:  1rem;
  --body-lh:    1.5;
  --small-size: 0.875rem;
  --stat-size:  clamp(3rem, 8vw, 5rem);

  /* Spacing */
  --gap-xs: 8px;
  --gap-sm: 16px;
  --gap-md: 24px;
  --gap-lg: 48px;
  --gap-xl: 80px;

  /* Buttons */
  --btn-height: 40px;
  --btn-radius: 0;
  --btn-padding: 0 24px;

  /* Section annotation */
  --annotation-size: 10px;
}