/* Design tokens.
   Brand palette, type and scale follow the approved design (网站设计.html):
   warm canvas, cream surfaces, apricot accents, restrained terracotta calls to
   action. The legacy --color-* names stay as aliases so the shared templates
   keep working. */
:root{
  /* Surfaces */
  --canvas:#faf8f4;
  --white:#fff;
  --cream:#f4eee6;
  --apricot:#e8bd9e;
  --espresso:#342e29;
  --sage:#dde7dd;
  --blue:#ddeaf0;
  --lilac:#e8e2ec;

  /* Text and lines */
  --ink:#2c2a26;
  --muted:#725f53;
  --clay:#9a4d32;
  --clay-dark:#803d28;
  --line:#ddd6cd;
  --line-soft:#e8e3dc;

  /* Type */
  --font-body:Inter,Arial,Helvetica,sans-serif;
  --font-display:'Plus Jakarta Sans',Inter,Arial,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;

  /* Layout */
  --layout-width:1240px;
  --layout-gutter:64px;
  --layout-header-height:76px;
  --layout-topline-height:36px;

  /* Radii */
  --radius-control:11px;
  --radius-card:18px;
  --radius-panel:20px;

  /* Spacing scale */
  --space-2xs:4px;
  --space-xs:8px;
  --space-sm:14px;
  --space-md:22px;
  --space-lg:34px;
  --space-xl:56px;
  --space-2xl:80px;
  --space-section:84px;

  /* Legacy aliases used by the shared templates */
  --color-ink:var(--ink);
  --color-background:var(--canvas);
  --color-surface:var(--white);
  --color-muted:var(--muted);
  --color-line:var(--line);
  --color-accent:var(--clay);
  --color-focus:#b1765f;
}