/* 一寸一图 · 明亮工作室 design tokens. Every colour in the app resolves here. */
:root{
  --canvas:#f6f5f2;
  --surface:#ffffff;
  --surface-2:#fbfaf8;
  --surface-3:#f2f0eb;
  --line:#e7e4dd;
  --line-strong:#d9d4ca;

  --ink:#16181d;
  --ink-2:#62656d;
  --ink-3:#9a968d;
  --ink-4:#b9b4a9;
  --ink-hover:#2b2e35;

  --accent:#2f5bd3;
  --accent-ink:#2448ad;
  --accent-soft:#eaf0fd;
  --focus:#2f5bd3;

  --ok:#1d7a45;      --ok-soft:#e9f6ee;      --ok-line:#cfe8d9;
  --progress:#2f5bd3;--progress-soft:#eaf0fd;--progress-line:#d3defa;
  --warn:#96600b;    --warn-soft:#fdf3e3;    --warn-line:#f1dfbf;
  --review:#5b3fb8;  --review-soft:#f1ecfb;  --review-line:#e0d6f5;
  --danger:#b3352c;  --danger-soft:#fbeceb;  --danger-line:#f1d3d0;

  --stage:radial-gradient(120% 92% at 50% 34%,#ffffff 0%,#f4f2ed 58%,#ece8e1 100%);
  --stage-line:#ebe7e0;
  --glass:rgba(255,255,255,.86);

  --radius-xs:6px;
  --radius-sm:8px;
  --radius:14px;
  --radius-lg:18px;
  --pill:999px;

  --shadow-xs:0 1px 2px rgba(22,24,29,.05);
  --shadow-sm:0 2px 8px rgba(22,24,29,.05);
  --shadow-md:0 12px 32px rgba(22,24,29,.08);
  --shadow-lg:0 28px 80px rgba(22,24,29,.16);

  --font:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;

  --ease:cubic-bezier(.2,.8,.2,1);
  --motion:var(--ease);
  --nav-h:60px;
  --page-max:1200px;
  --gutter:clamp(16px,4vw,40px);

  /* Legacy aliases still read by a few component stylesheets. */
  --muted:var(--ink-2);
  --blue:var(--accent);
}
