:root {
  color-scheme: light;
  --bg: #f5f1e8;
  --bg-soft: #fbf8f0;
  --paper: #fbf8f0;
  --paper-2: #eee8db;
  --panel: #fbf8f0;
  --ink: #191711;
  --ink-soft: #413d34;
  --muted: #6d675c;
  --muted-2: #8d8578;
  --line: #d2cabc;
  --line-soft: #e5ded1;
  --line-strong: #a69b88;
  --accent: #24211b;
  --accent-dark: #11100d;
  --accent-2: #8f6928;
  --gold: #8f6928;
  --gold-light: #b18b47;
  --gold-dark: #6e501d;
  --accent-soft: rgba(143, 105, 40, 0.12);
  /* V3 semantic surface and line system. Keep the legacy aliases above for
     compatibility while new and migrated surfaces use intent-based tokens. */
  --surface-page: #f5f1e8;
  --surface-panel: #fbf8f0;
  --surface-subtle: #eee8db;
  --surface-inverse: #191711;
  --text-primary: #191711;
  --text-secondary: #413d34;
  --text-muted: #6d675c;
  --line-hairline: rgba(25, 23, 17, 0.12);
  --line-container: rgba(25, 23, 17, 0.23);
  --line-emphasis: rgba(25, 23, 17, 0.48);
  --focus-color: #6e501d;
  --focus-ring: 0 0 0 3px var(--focus-color);
  --red: #9d2f1f;
  --orange: #c76525;
  --yellow: #b7891e;
  --green: #566044;
  --shadow-panel: 0 18px 48px rgba(25, 23, 17, 0.07);
  --radius-control: 4px;
  --radius-panel: 6px;
  --radius-pill: 999px;
  --radius-sm: var(--radius-control);
  --radius-md: var(--radius-panel);
  --radius-lg: var(--radius-panel);
  --font-display: Iowan Old Style, Baskerville, Georgia, "Times New Roman", "Noto Serif SC", "Songti SC", serif;
  --font-ui: Inter, "Noto Sans SC", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: var(--font-display);
  --font-sans: var(--font-ui);
  --font-mono: "JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --rough-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M7 6 C27 4 45 8 60 6 S95 4 114 7 C116 26 112 45 115 60 S117 94 113 114 C90 116 72 112 58 114 S25 118 7 113 C4 93 8 73 6 58 S3 25 7 6 Z' fill='none' stroke='%23928977' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 8 C30 7 44 5 60 8 S92 7 112 9 C113 31 114 44 111 60 S114 88 111 112 C91 111 74 115 59 112 S27 111 9 112 C10 88 5 72 9 58 S8 27 8 8 Z' fill='none' stroke='%23928977' stroke-width='0.85' stroke-opacity='.48' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --rough-line-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='8' viewBox='0 0 180 8'%3E%3Cpath d='M0 4 C18 3 30 5 46 4 S74 3 92 4 S126 5 145 4 S166 3 180 4' fill='none' stroke='%23928977' stroke-width='1.15' stroke-linecap='round'/%3E%3Cpath d='M0 5 C20 4 32 6 50 5 S78 4 94 5 S124 6 144 5 S166 4 180 5' fill='none' stroke='%23928977' stroke-width='.55' stroke-opacity='.42' stroke-linecap='round'/%3E%3C/svg%3E");
  --rough-vline-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='180' viewBox='0 0 8 180'%3E%3Cpath d='M4 0 C3 18 5 30 4 46 S3 74 4 92 S5 126 4 145 S3 166 4 180' fill='none' stroke='%23928977' stroke-width='1.15' stroke-linecap='round'/%3E%3Cpath d='M5 0 C4 20 6 32 5 50 S4 78 5 94 S6 124 5 144 S4 166 5 180' fill='none' stroke='%23928977' stroke-width='.55' stroke-opacity='.42' stroke-linecap='round'/%3E%3C/svg%3E");
  --paper-fibers:
    radial-gradient(circle at 17% 19%, rgba(92, 75, 44, 0.07) 0 1px, transparent 1px 34px),
    radial-gradient(circle at 79% 31%, rgba(92, 75, 44, 0.045) 0 1px, transparent 1px 28px),
    repeating-linear-gradient(100deg, rgba(77, 67, 44, 0.026) 0 1px, transparent 1px 11px);
}