/* Shared palette and dimensions. Story accents may vary without changing layout. */
:root {
  color-scheme:dark; --ui-font:Pretendard,"Noto Sans KR",system-ui,-apple-system,sans-serif;
  --ui-bg:#14161c; --ui-surface:#1d2028; --ui-surface-raised:#252730; --ui-input:#171920;
  --ui-text:#ede9e2; --ui-muted:#a8a9af; --ui-line:#ffffff12; --ui-line-strong:#ffffff22;
  --ui-accent:#dcb5ac; --ui-accent-soft:#dcb5ac14; --ui-secondary:#d8c29d;
  --ui-success:#a9ccb0; --ui-danger:#e5a5a6; --ui-info:#b4c7df;
  --ui-radius:16px; --ui-radius-small:12px; --ui-radius-large:24px; --ui-control:44px;
  --ui-backdrop:#0b0d13b8; --ui-shadow:0 20px 70px #0006; --ui-content:1120px;
  --reader-font:18px; --reader-accent:var(--ui-accent); --reader-ink:var(--ui-text);
  --reader-muted:var(--ui-muted); --reader-line:var(--ui-line); --reader-surface:var(--ui-surface);
  --text:var(--ui-text); --ink:var(--ui-text); --muted:var(--ui-muted); --bg:var(--ui-bg);
  --surface:var(--ui-surface); --surface-raised:var(--ui-surface-raised); --surface-2:var(--ui-surface-raised); --surface-3:var(--ui-input);
  --panel:var(--ui-surface); --panel-strong:var(--ui-surface-raised); --line:var(--ui-line); --line-strong:var(--ui-line-strong);
  --accent:var(--reader-accent); --accent-strong:var(--reader-accent); --danger:var(--ui-danger);
}