/**
 * Shared “scholarly paper” tokens — Kinh Dịch + Bát Tự (+ other lab metaphysics tools).
 * Keep in sync with iching-divination.css :root block.
 */

:root {
    --ic-font-ui: var(--qmf-font-sans, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);
    --ic-font-mono: var(--qmf-font-mono, 'JetBrains Mono', 'Fira Code', Menlo, Monaco, Consolas, monospace);
    --ic-font-han: var(--ic-font-ui), "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", "Noto Sans TC", "Noto Sans JP", "Noto Sans KR", sans-serif;
    --ic-hero-font: var(--ic-font-ui);
    --ic-ivory: #f8f5ee;
    --ic-rice: #f5f1e7;
    --ic-warm-white: #fffefa;
    --ic-paper-white: #ffffff;
    --ic-ink: #2c2a26;
    --ic-ink-muted: #6b6560;
    --ic-ink-faint: #9a948c;
    --ic-primary: #3d3a36;
    --ic-primary-hover: #2c2a26;
    --ic-primary-light: rgba(60, 55, 48, 0.07);
    --ic-gold: #b89a5a;
    --ic-gold-light: rgba(180, 150, 90, 0.12);
    --ic-gold-border: rgba(180, 150, 90, 0.15);
    --ic-yang: #9b3b2e;
    --ic-yin: #3d4a5c;
    --ic-cat: #4a7c59;
    --ic-hung: #9b3b2e;
    --ic-binh: #b89a5a;
}

[data-theme="dark"] {
    --ic-ivory: #0e0d0b;
    --ic-rice: #151310;
    --ic-warm-white: #1b1915;
    --ic-paper-white: #1f1c17;
    --ic-ink: #f0ebe2;
    --ic-ink-muted: #a8a29a;
    --ic-ink-faint: #6e6860;
    --ic-primary: #e8e0d4;
    --ic-primary-hover: #fff8ee;
    --ic-primary-light: rgba(196, 168, 106, 0.12);
    --ic-gold: #d4b56a;
    --ic-gold-light: rgba(212, 181, 106, 0.14);
    --ic-gold-border: rgba(212, 181, 106, 0.22);
}

/* QMF overrides on metaphysics tool pages (no SaaS blue/purple chrome) */
.bazi-tool-page,
body.iching-tool-page,
body.tuvi-tool-page {
    --qmf-bg-gradient: var(--ic-ivory);
    --qmf-bg: var(--ic-rice);
    --qmf-bg-secondary: var(--ic-rice);
    --qmf-card: var(--ic-paper-white);
    --qmf-text: var(--ic-ink);
    --qmf-text-muted: var(--ic-ink-muted);
    --qmf-text-secondary: var(--ic-ink-muted);
    --qmf-border: var(--ic-gold-border);
    --glass-bg: var(--ic-paper-white);
    --glass-border: var(--ic-gold-border);
    --glass-blur: 0px;
    --glass-shadow: 0 6px 24px rgba(0, 0, 0, 0.05);
    --glass-edge: none;
}

[data-theme="dark"] .bazi-tool-page,
[data-theme="dark"] body.iching-tool-page,
[data-theme="dark"] body.tuvi-tool-page {
    --qmf-bg-gradient: var(--ic-ivory);
    --qmf-bg: var(--ic-rice);
    --qmf-bg-secondary: var(--ic-rice);
    --qmf-card: var(--ic-paper-white);
    --qmf-text: var(--ic-ink);
    --qmf-text-secondary: #c4bdb2;
    --qmf-text-muted: var(--ic-ink-muted);
    --qmf-border: var(--ic-gold-border);
    --glass-bg: var(--ic-paper-white);
    --glass-border: var(--ic-gold-border);
    --glass-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
}

.bazi-tool-page,
body.tuvi-tool-page {
    font-family: var(--ic-font-ui);
    font-weight: var(--qmf-font-normal, 400);
    background-color: var(--ic-ivory);
    color: var(--ic-ink);
    position: relative;
    isolation: isolate;
}

.bazi-tool-page button,
.bazi-tool-page input,
.bazi-tool-page select,
.bazi-tool-page textarea,
body.tuvi-tool-page button,
body.tuvi-tool-page input,
body.tuvi-tool-page select,
body.tuvi-tool-page textarea {
    font-family: inherit;
}

/* Rice-paper grain (match Kinh Dịch) */
.bazi-tool-page::before,
body.tuvi-tool-page::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.028;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size: 180px 180px;
    mix-blend-mode: multiply;
}

[data-theme="dark"] .bazi-tool-page::before,
[data-theme="dark"] body.tuvi-tool-page::before {
    opacity: 0.018;
    mix-blend-mode: normal;
}

.bazi-page,
.bazi-app-shell,
#qmf-header {
    position: relative;
    z-index: 1;
}