/*
 * Stage Guides — Shared Design Tokens
 *
 * Primitive values only. These are the raw constants.
 * Each app (index.html, admin/index.html) defines its own
 * semantic variables that reference these primitives.
 *
 * Do not put layout, spacing, or theme-specific rules here.
 */

:root {
  /* Brand colours */
  --token-red:     #C8362A;
  --token-red-dk:  #A82818;
  --token-teal:    #2A7A7A;
  --token-sun:     #F2C12E;
  --token-green:   #2e9e5a;
  --token-amber:   #C87820;
  --token-blue:    #2060C8;

  /* Neutrals — dark scale */
  --token-void:    #080808;
  --token-carbon:  #141414;
  --token-surface: #1D1B19;  /* A01 warm dark */
  --token-raised:  #242220;  /* A02 clear elevation step */
  --token-bright:  #F0EDE6;
  --token-text:    #e8e4dc;
  --token-muted:   #7A7A7A;  /* B10 meta text shade */
  --token-terrain: #1a2416;

  /* Neutrals — light scale (admin main area, G39) */
  --token-light:   #F5F3F0;  /* light main background */
  --token-paper:   #FAFAF8;  /* light topbar / elevated surface */

  /* Typography */
  --token-font-head: 'Arial Black', 'Arial Bold', Arial, sans-serif;
  --token-font-narrow: 'Arial Narrow', Arial, sans-serif;
  --token-font-mono: 'DM Mono', 'Courier New', monospace;
}