/**
 * 道韵轩 — 玄冥道韵 Design Tokens
 * 道家神秘 · 东方神话 · 朱砂赤金 · 紫气玄冥
 */

:root {
    /* 玄冥底色 */
    --background: #0a0810;
    --foreground: #ede4d3;
    --card: #13101c;
    --card-foreground: #ede4d3;
    --popover: #161222;
    --popover-foreground: #ede4d3;
    --muted: #1a1628;
    --muted-foreground: #9a8f7a;
    --accent: #221c32;
    --accent-foreground: #e8dcc4;
    --border: rgba(201, 169, 98, 0.18);
    --input: rgba(201, 169, 98, 0.12);
    --ring: #c9a962;

    /* 朱砂主色 · 符箓赤 */
    --primary: #b83232;
    --primary-foreground: #fff8f0;
    --primary-hover: #d44a3a;
    --primary-muted: rgba(184, 50, 50, 0.18);

    /* 道家辅色 */
    --secondary: #1e1830;
    --secondary-foreground: #c9b896;
    --destructive: #8b2020;
    --destructive-foreground: #fff8f0;
    --dao-gold: #c9a962;
    --dao-gold-dim: #8a7344;
    --dao-jade: #3d7a6a;
    --dao-purple: #5c4d8a;
    --dao-purple-deep: #2a1f4e;
    --dao-mist: rgba(92, 77, 138, 0.35);
    --dao-ink: #050408;
    --dao-cinnabar: #c23a3a;
    --dao-parchment: #f5f0e6;

    /* Legacy aliases */
    --color-bg: var(--background);
    --color-bg-alt: var(--muted);
    --color-surface: var(--card);
    --color-text: var(--foreground);
    --color-text-muted: var(--muted-foreground);
    --color-primary: var(--primary);
    --color-primary-dark: var(--primary-hover);
    --color-primary-light: var(--primary-muted);
    --color-border: var(--border);
    --color-accent: var(--dao-gold);
    --color-cinnabar: var(--dao-cinnabar);
    --color-ink: var(--dao-ink);
    --color-footer-bg: #06050a;
    --color-footer-text: #8a8070;

    /* Typography — 宋体气韵 + 楷意标题 */
    --font-sans: 'Noto Sans', 'Noto Sans SC', 'Noto Sans Arabic', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --font-serif: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
    --font-display: 'ZCOOL XiaoWei', 'Noto Serif SC', serif;

    --container-max: 1280px;
    --header-height: 68px;
    --mobile-nav-height: 56px;

    --radius: 2px;
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 6px;
    --radius-xl: 8px;

    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.55);
    --shadow-glow-gold: 0 0 24px rgba(201, 169, 98, 0.15);
    --shadow-glow-cinnabar: 0 0 20px rgba(184, 50, 50, 0.25);

    --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --tap-min: 44px;
    --btn-height: 44px;
}

/* 可选浅色 — 宣纸模式 */
.light {
    --background: #f5f0e6;
    --foreground: #1a1410;
    --card: #fffcf5;
    --card-foreground: #1a1410;
    --muted: #ebe3d0;
    --muted-foreground: #5c5348;
    --accent: #e8dcc4;
    --accent-foreground: #1a1410;
    --border: rgba(92, 77, 58, 0.2);
    --input: rgba(92, 77, 58, 0.15);
    --primary-muted: rgba(184, 50, 50, 0.1);
    --secondary: #ebe3d0;
    --secondary-foreground: #3d3428;
    --color-bg: var(--background);
    --color-bg-alt: var(--muted);
    --color-surface: var(--card);
    --color-text: var(--foreground);
    --color-text-muted: var(--muted-foreground);
    --color-border: var(--border);
    --color-footer-bg: #1a1410;
    --color-footer-text: #b8a890;
}

.dark,
.dao-theme {
    color-scheme: dark;
}