/* AIDA (Huizhou) · design-tokens.css
 * Direction A "Clean Spec" — the only source of colour, radius and type.
 * Rules: one file per site, no page overrides it. Design change = edit tokens.
 */
:root {
  /* surfaces */
  --bg: #FFFFFF;
  --paper: #F7F8FA;          /* alternating blocks, spec tables */
  --surface: #FFFFFF;
  --surface-2: #F1F4F8;
  --line: #E6EAF0;
  --line-strong: #D5DCE6;

  /* brand */
  --pri: #F15D02;         /* brand orange, sampled from the hi-res logo */            /* brand orange, sampled from the logo */
  --pri-dark: #D14E02;
  --accent: #0E7490;         /* highlights, numbers, warnings */
  --accent-soft: #CFFAFE;
  --pri-text: #B34C0D;       /* orange that passes 4.5:1 on white */
  --pri-ink: #17100A;        /* text colour on orange surfaces */

  /* text */
  --ink: #0F172A;
  --muted: #5B6675;
  --muted-2: #8A96A6;

  /* state */
  --ok: #0F766E;
  --warn: #B45309;

  /* geometry — small radii read as "technical" */
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 12px;
  --maxw: 1200px;
  --space: clamp(16px, 2vw, 28px);
  --section-y: clamp(48px, 5.5vw, 84px);

  /* type — system only, zero CDN */
  --font: "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", system-ui, -apple-system, Arial, sans-serif;
  --mono: "Consolas", "SFMono-Regular", Menlo, monospace;

  /* elevation */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
  --shadow: 0 8px 24px rgba(15, 23, 42, .06);
}