:root {
  --color-ink: #2f3437;
  --color-main: #2f3437;
  --color-main-2: #73401e;
  --color-accent: #c46a2d;
  --color-accent-2: #8d441c;
  --color-base: #ffffff;
  --color-pale: #2f3437;
  --color-line: #c4c5c4;
  --color-on-dark: #f3f3f3;
  --color-on-dark-line: #e3ae88;
  --color-error: #8d441c;
  --color-shadow: rgb(0 0 0 / 0.25);
  --color-paper: #f3f3f3;
  --color-metal-light: #42494c;
  --color-metal-deep: #252a2d;
  --color-copper-light: #e3ae88;
  --color-copper-dark: #8d441c;
  --color-grid: rgb(243 243 243 / 0.035);
  --color-rail-line: rgb(196 106 45 / 0.32);
  --color-clear: transparent;
  --color-copper-glow: rgb(196 106 45 / 0.18);
  --color-copper-haze: rgb(196 106 45 / 0.07);
  --color-metal-etch: rgb(227 174 136 / 0.07);
  --color-paper-edge: #e0d5c6;
  --color-paper-mid: #eee9e2;
  --color-frame-light: rgb(243 243 243 / 0.82);
  --color-frame-warm: rgb(227 174 136 / 0.22);
  --color-frame-line: rgb(141 68 28 / 0.4);
  --color-frame-dark: rgb(37 42 45 / 0.74);
  --color-frame-highlight: rgb(243 243 243 / 0.32);
  --color-brass-highlight: #f1d5a0;
  --color-brass-shade: #6d401f;
  --bg-paper-metal: radial-gradient(ellipse at 100% 0%, var(--color-paper-edge), var(--color-clear) 65%), linear-gradient(115deg, var(--color-paper-mid), var(--color-paper) 45%, var(--color-paper-mid));
  --bg-copper-metal: linear-gradient(135deg, var(--color-brass-highlight), var(--color-accent) 25%, var(--color-brass-shade) 60%, var(--color-copper-light) 80%, var(--color-accent));
  --bg-dark: radial-gradient(ellipse at 0% 100%, var(--color-copper-glow), var(--color-clear) 60%), radial-gradient(ellipse at 80% 15%, var(--color-metal-light), var(--color-pale) 65%);
  --bg-accent: linear-gradient(120deg, var(--color-copper-dark), var(--color-copper-dark));
  --font-body: "Zen Kaku Gothic New", "Hiragino Sans", sans-serif;
  --font-head: "Zen Kaku Gothic New", "Hiragino Sans", sans-serif;
  --font-en: "Barlow Condensed", sans-serif;
  --fs-min: 13px;
  --fs-base: clamp(var(--fs-min), min(2.26dvh, 3.85vw), 17.5px);
  --fs-ui: 13px;
  --fs-input: 16px;
  --fs-head: clamp(22px, min(4dvh, 6.3vw), 34px);
  --fw-body: 500;
  --ls-body: 0.015em;
  --lh-body: 1.8;
  --lh-head: 1.32;
  --col: 480px;
  --header-h: 56px;
  --gutter: 24px;
  --sp-1: 0.5em;
  --sp-p: 0.7em;
  --sp-g: 1em;
  --pad-y: 1.2em;
  --next-h: 0px;
  --radius-pill: 4px;
  --radius-s: 3px;
  --shadow-soft: 0 3px 10px var(--color-shadow);
  --shadow-column: 0 0 36px var(--color-shadow);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --rise: 22px;
  --dur-in: 580ms;
  --dur-hover: 240ms;
  --dur-cog: 36s;
  --dur-clock: 24s;
  --dur-gear-line: 8s;
  --dur-gauge: 4.5s;
  --dur-rest: 3s;
  --dur-tool: 4.2s;
  --art-h: clamp(72px, 18dvh, 180px);
  --photo-h: clamp(110px, 26dvh, 280px);
}
@media (max-height: 600px) {
  :root { --pad-y: 0.7em; --sp-g: 0.65em; --sp-p: 0.5em; --lh-body: 1.7; --art-h: 64px; --photo-h: 120px; }
}
@media (min-height: 900px) { :root { --art-h: 22dvh; } }