/**
 * Bát Tự — extends metaphysics-paper.css (--ic-*)
 */

.bazi-theme {
    --bazi-bg: var(--ic-ivory);
    --bazi-surface: var(--ic-warm-white);
    --bazi-surface-soft: var(--ic-rice);
    --bazi-surface-hover: var(--ic-primary-light);
    --bazi-surface-raised: var(--ic-paper-white);

    --bazi-text: var(--ic-ink);
    --bazi-text-secondary: var(--ic-ink-muted);
    --bazi-text-muted: var(--ic-ink-faint);

    --bazi-border: var(--ic-gold-border);
    --bazi-border-soft: var(--ic-gold-border);
    --bazi-border-subtle: var(--ic-gold-border);

    --bazi-primary: var(--ic-primary);
    --bazi-primary-hover: var(--ic-primary-hover);
    --bazi-primary-text: var(--ic-warm-white);

    --bazi-accent: var(--ic-gold);
    --bazi-accent-soft: var(--ic-gold-light);
    --bazi-accent-muted: color-mix(in srgb, var(--ic-gold) 35%, transparent);

    --bazi-focus: color-mix(in srgb, var(--ic-gold) 38%, transparent);

    --bazi-success: var(--ic-cat);
    --bazi-warning: #b45309;
    --bazi-danger: var(--ic-hung);

    --bazi-radius-sm: 8px;
    --bazi-radius-md: 12px;
    --bazi-radius-lg: 14px;
    --bazi-radius-xl: 18px;

    --bazi-shadow-sm: 0 6px 24px rgba(0, 0, 0, 0.05);
    --bazi-shadow-md: 0 8px 28px rgba(0, 0, 0, 0.08);

    --bazi-transition: 180ms ease;
    --bazi-overlay: rgba(44, 42, 38, 0.32);

    --bazi-content-max: 1320px;
    --bazi-form-max: 800px;

    --bazi-fe-wood: #3d6b4a;
    --bazi-fe-fire: #9b3b2e;
    --bazi-fe-earth: #8a6f3a;
    --bazi-fe-metal: #5c5a56;
    --bazi-fe-water: #3d4a5c;

    --primary: var(--bazi-primary);
    --primary-hover: var(--bazi-primary-hover);
    --primary-light: var(--bazi-accent-soft);
    --secondary: var(--bazi-accent);
    --secondary-light: var(--bazi-accent-soft);
    --text: var(--bazi-text);
    --text-secondary: var(--bazi-text-secondary);
    --text-muted: var(--bazi-text-muted);
    --bg: var(--bazi-bg);
    --surface: var(--bazi-surface-raised);
    --border: var(--bazi-border);
    --gold: var(--bazi-accent);
    --ink: var(--bazi-text);
    --shadow: var(--bazi-shadow-sm);
    --shadow-lg: var(--bazi-shadow-md);
    --radius: var(--bazi-radius-md);
    --radius-lg: var(--bazi-radius-lg);
    --radius-xl: var(--bazi-radius-xl);
    --transition: var(--bazi-transition);
    --crimson: var(--bazi-primary);
}

[data-theme="dark"] .bazi-theme {
    --bazi-overlay: rgba(0, 0, 0, 0.55);
    --bazi-fe-wood: #5a9a6a;
    --bazi-fe-fire: #c45c4a;
    --bazi-fe-earth: #b89a5a;
    --bazi-fe-metal: #a8a29a;
    --bazi-fe-water: #6b8fa8;
}