/* Shared visual foundations for the public journal and its editorial workspace.
   Font sizes are owned by each application: do not change the existing rem base. */
:root {
    --site-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --site-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --site-canvas: #f6f7f5;
    --site-bg: var(--site-canvas);
    --site-surface: #ffffff;
    --site-surface-soft: #edf2ef;
    --site-surface-raised: #ffffff;
    --site-ink: #1e2c29;
    --site-body: #44534e;
    --site-muted: #64736d;
    --site-border: #dce4df;
    --site-primary: #2c665b;
    --site-primary-hover: #1e4b44;
    --site-primary-soft: #e7f0ec;
    --site-on-primary: #ffffff;
    --site-accent: #9a7335;
    --site-focus: #2c665b;
    --site-radius-sm: 12px;
    --site-radius-md: 18px;
    --site-radius-lg: 24px;
    --site-shadow-card: 0 3px 18px rgb(30 44 41 / 4%);
    --site-shadow-float: 0 20px 60px rgb(30 44 41 / 15%);
    --site-space-1: 4px;
    --site-space-2: 8px;
    --site-space-3: 12px;
    --site-space-4: 16px;
    --site-space-6: 24px;
    --site-space-8: 32px;
    --site-space-12: 48px;
    --site-space-16: 64px;
    --site-touch-target: 44px;
}

:root[data-blog-theme="dark"], :root[data-theme="dark"] {
    --site-canvas: #121b19;
    --site-surface: #1b2824;
    --site-surface-soft: #23342e;
    --site-surface-raised: #283b34;
    --site-ink: #edf4ef;
    --site-body: #d0ddd6;
    --site-muted: #a7bab0;
    --site-border: #35483f;
    --site-primary: #9cd5bc;
    --site-primary-hover: #c4e8d8;
    --site-primary-soft: #263f34;
    --site-on-primary: #10271d;
    --site-accent: #dbc18d;
    --site-focus: #9cd5bc;
    --site-shadow-card: 0 3px 18px rgb(0 0 0 / 10%);
    --site-shadow-float: 0 20px 60px rgb(0 0 0 / 30%);
}