/**
 * Design tokens — colour, type and the few sizing constants
 * every other stylesheet builds on. Light theme only: surfaces
 * step between paper-0 (white) and paper-100 (warm cream) for
 * section rhythm; ink tones are used for text and small accents,
 * never as a full-section background.
 */
:root {
  /* paper surfaces */
  --paper-0: #FFFFFF;
  --paper-50: #F7F3E7;
  --paper-100: #EEE4C9;

  /* ink — text only */
  --ink-950: #17130C;
  --ink-800: #2A2213;

  /* text */
  --text-strong: #17130C;
  --text-body: #322A1A;
  --text-dim: #6B6248;

  /* brand gold — sampled from the RK Engineering mark */
  --gold-300: #EFCC70;
  --gold-500: #CDA63F;
  --gold-600: #AE8A2F;
  --gold-700: #7C5F1B;

  /* hairlines */
  --line: rgba(23, 19, 12, 0.13);
  --line-strong: rgba(23, 19, 12, 0.26);
  --line-gold: rgba(205, 166, 63, 0.45);

  /* translucent gold wash — used for label chips/headers so they
     stay visible no matter which paper tone sits behind them */
  --gold-wash: rgba(205, 166, 63, 0.16);

  /* hero spark accent — hot ember red, distinct from the brand gold */
  --spark-red: #FF3B1F;

  /* type */
  --font-display: "Staatliches", "Arial Narrow", sans-serif;
  --font-body: "Public Sans", -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace;

  /* rhythm */
  --band-pad: 108px;
  --band-pad-md: 76px;
  --band-pad-sm: 56px;
  --container-max: 1180px;
}