/* tokens.css · 啵灵设计系统 tokens（单一真相）
   来自 design-system.html 第 1 节 */
:root {
  /* 调色板 */
  --c-canvas:#F7F2E9; --c-canvas-soft:#FFFCF6; --c-ink:#1F1D1A;
  --c-coral:#E07856; --c-coral-soft:#F4DDD5; --c-coral-dark:#B85838;
  --c-sand:#C4BFB4; --c-sand-soft:#E8E2D6;
  --c-sun:#F0C04A; --c-border:#D6D1C6; --c-muted:#7D7768;
  --c-done:#6E9C5C; --c-done-soft:#DCE5CF;

  /* 语义化 */
  --text-primary:var(--c-ink); --text-secondary:var(--c-muted);
  --text-on-coral:var(--c-canvas-soft); --text-on-dark:var(--c-canvas-soft);
  --text-link:var(--c-coral);
  --bg-page:var(--c-canvas); --bg-surface:var(--c-canvas-soft);
  --bg-elevated:#FFFFFF; --bg-tint:var(--c-coral-soft); --bg-sand-tint:var(--c-sand-soft);
  --border-default:var(--c-border); --border-subtle:#ECE5D8; --border-strong:var(--c-ink); --border-focus:var(--c-coral);
  --status-success:var(--c-done); --status-success-bg:var(--c-done-soft);
  --status-warning:var(--c-sun); --status-warning-bg:#FBEDC9;
  --status-danger:var(--c-coral-dark); --status-danger-bg:var(--c-coral-soft);
  --interactive-primary:var(--c-coral); --interactive-primary-hover:var(--c-coral-dark);
  --interactive-focus-ring:rgba(224,120,86,0.30);

  /* 字体 */
  --font-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-mono:"SF Mono",ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace;
  --text-xs:11px; --text-sm:12px; --text-base:14px; --text-md:16px; --text-lg:18px;
  --text-xl:22px; --text-2xl:28px; --text-3xl:36px; --text-4xl:48px;
  --leading-tight:1.2; --leading-snug:1.4; --leading-normal:1.6; --leading-relaxed:1.75;
  --weight-regular:400; --weight-medium:500; --weight-semibold:600; --weight-bold:700;

  /* 间距 */
  --space-0:0; --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px;
  --space-16:64px; --space-20:80px; --space-24:96px;

  /* 圆角 */
  --radius-none:0; --radius-xs:3px; --radius-sm:6px; --radius-md:8px;
  --radius-lg:12px; --radius-xl:16px; --radius-2xl:24px; --radius-full:9999px;

  /* 阴影 */
  --shadow-none:none;
  --shadow-sm:0 1px 2px rgba(31,29,26,0.05);
  --shadow-md:0 4px 12px rgba(31,29,26,0.08);
  --shadow-lg:0 10px 28px rgba(31,29,26,0.12);
  --shadow-xl:0 24px 56px rgba(31,29,26,0.18);
  --shadow-focus:0 0 0 3px var(--interactive-focus-ring);

  /* 动效 */
  --duration-fast:120ms; --duration-normal:200ms; --duration-slow:320ms;
  --ease-standard:cubic-bezier(0.4,0,0.2,1);
  --ease-decelerate:cubic-bezier(0,0,0.2,1);
  --ease-accelerate:cubic-bezier(0.4,0,1,1);

  /* z-index */
  --z-base:0; --z-raised:10; --z-sticky:100; --z-overlay:200; --z-modal:300; --z-toast:400;

  /* 布局 */
  --layout-content-max:1280px; --layout-narrow:720px; --layout-prose:640px;
  --layout-header:64px; --layout-footer:48px;
}