/* Ridgecast design tokens — taken from 07-设计参考.html. No bare colour values in styles.css. */
:root {
  /* Colour: warm charcoal base + warm hairlines + amber accent.
     Values sampled from the reference site: page bg #16130F, hairline #2A251F,
     headings #EDE4D5, body #D4C9B4, secondary text #C5B59A, amber #EFA12C. */
  --rc-ink-950: #100C08;   /* header, footer, hero */
  --rc-ink-900: #16130F;   /* page background */
  --rc-ink-850: #1B1712;   /* alternating section background */
  --rc-ink-800: #221D17;   /* cards, panels */
  --rc-steel-700: #2A251F; /* hairline, dividers */
  --rc-steel-500: #4E453A; /* secondary border */
  --rc-steel-300: #C5B59A; /* secondary text, mono labels */
  --rc-paper-100: #D4C9B4; /* body copy */
  --rc-paper-50:  #EDE4D5; /* headings, strongest text */
  --rc-amber-500: #EFA12C; /* display accent: hero headline, buttons, hero kicker */
  --rc-amber-deep: #E07039; /* small accent: kickers, row numbers, text links, the aside rule */
  --rc-amber-600: #D2891E; /* primary button hover */
  --rc-amber-100: rgba(240,160,30,.12);
  --rc-ok: #6FB27A;
  --rc-danger: #E0664F;

  /* Type: condensed bold uppercase headings / sans body / mono labels */
  --rc-font-display: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  --rc-font-body: Inter, "Noto Sans SC", system-ui, sans-serif;
  --rc-font-mono: "JetBrains Mono", Menlo, Consolas, monospace;
  --rc-font-cjk-display: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;

  /* Display face: the heaviest cut we ship (800), set tight like the artwork */
  --rc-fw-display: 800;
  --rc-fw-display-soft: 700;
  --rc-track-display: -0.005em;
  --rc-lead-display: 0.92;

  /* Hero headline: the original site sets it narrow and tall — condensed face,
     solid leading, measure held in em so the six-line break is stable */
  --rc-font-hero: "Barlow Condensed", "Archivo Narrow", "Arial Narrow", sans-serif;
  --rc-fw-hero: 700;
  --rc-track-hero: 0;
  --rc-lead-hero: 0.94;

  /* Type scale */
  --rc-fs-hero: clamp(34px, 7.6vw, 95px);
  --rc-fs-h1: clamp(34px, 4vw, 54px);
  --rc-fs-h2: clamp(28px, 3.2vw, 44px);
  --rc-fs-h3: 27px;
  --rc-fs-body: 16px;
  --rc-fs-small: 14px;
  --rc-fs-label: 11px;

  /* Spacing (multiples of 8) */
  --rc-s-1: 8px; --rc-s-2: 16px; --rc-s-3: 24px; --rc-s-4: 32px;
  --rc-s-6: 48px; --rc-s-8: 64px; --rc-s-12: 96px; --rc-s-16: 128px;

  --rc-max: 1200px;
  --rc-line: 1px solid var(--rc-steel-700);
  --rc-radius: 0;
}
