/* Shared roles, not a copy of a framework theme. System fonts stay local. */
:root {
  --bg:#f4f2eb;
  --surface:#faf8f1;
  --text:#191916;
  --muted:#6b685f;
  --line:#d9d4ca;
  --line-strong:#b7afa2;
  --control-outline:#91897d;
  --accent:#9a4e32;
  --accent-soft:#efe2da;
  --max:1120px;
  --rail:96px;
  --gap:24px;
  --reading-width:44rem;
  --header-offset:73px;
  --font-sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  --type-hero:clamp(2.5rem,4.8vw,4rem);
  --type-page:clamp(2rem,3.4vw,2.75rem);
  --type-section:clamp(1.375rem,2vw,1.625rem);
  --type-entry:1.25rem;
  --type-body:1.0625rem;
  --type-copy:1rem;
  --type-small:.875rem;
  --type-label:.875rem;
  --type-meta:.8125rem;
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-12:3rem;
  --space-16:4rem;
  --radius-image:8px;
  --radius-control:10px;
  --radius-panel:20px;
  --radius-pill:999px;
  --radius-dialog:20px;
  --motion-feedback:160ms;
  --motion-dialog:180ms;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --control-size:44px;
  --shadow:0 18px 50px rgb(31 24 18 / .07);
}
html[data-theme="dark"] {
  --bg:#11110f;
  --surface:#171713;
  --text:#f0eee8;
  --muted:#aaa59b;
  --line:#302e29;
  --line-strong:#565148;
  --control-outline:#777269;
  --accent:#d88c6d;
  --accent-soft:#2d211c;
  --shadow:0 18px 50px rgb(0 0 0 / .28);
}
@media(max-width:560px) {
  :root { --type-body:1rem; --type-entry:1.125rem; --header-offset:65px; }
}