:root[data-xuan-theme="heritage"],
:root[data-theme="dark"]:not([data-xuan-theme]) {
  --paper-bg: #15130f;
  --paper-bg-end: #100f0c;
  --bg-base: #15130f;
  --bg-primary: #15130f;
  --bg-secondary: #1f1c17;
  --bg-card: rgba(31, 28, 23, 0.78);
  --bg-card-hover: #27231d;
  --bg-elevated: #27231d;
  --bg-overlay: rgba(21, 19, 15, 0.96);
  --bg-panel: rgba(31, 28, 23, 0.82);
  --bg-input: #27231d;
  --bg-muted: #1c1915;
  --hero-bg: #15130f;
  --hero-bg-2: #1a1814;

  --ink-dark: #f3eee2;
  --ink-fade: #c9bfaf;
  --ink-muted: #978d7e;
  --text-primary: #f3eee2;
  --text-secondary: #c9bfaf;
  --text-muted: #978d7e;
  --text-inverse: #15130f;
  --text-accent: #d7bd72;
  --hero-text: #f3eee2;

  --gold-main: #d7bd72;
  --gold-fade: #ead38c;
  --gold-weak: rgba(215, 189, 114, 0.25);
  --gold-primary: #d7bd72;
  --gold-light: #ead38c;
  --gold-dark: #b09a55;
  --gold-glow: rgba(215, 189, 114, 0.2);
  --accent-gold: #d7bd72;
  --accent-gold-light: #ead38c;
  --accent-gold-dim: #b09a55;
  --accent-gold-bg: rgba(215, 189, 114, 0.12);
  --accent-gold-border: rgba(215, 189, 114, 0.28);
  --hero-gold: #d7bd72;
  --hero-gold-light: #ead38c;
  --hero-gold-border: rgba(215, 189, 114, 0.28);
  --color-accent: #d7bd72;
  --color-accent-light: #ead38c;
  --color-accent-dark: #b09a55;
  --color-accent-bg: rgba(215, 189, 114, 0.12);
  --color-accent-bg-hover: rgba(215, 189, 114, 0.18);
  --color-text-link: #d7bd72;

  --border-color: #2f2b25;
  --border: rgba(215, 189, 114, 0.16);
  --border-light: rgba(215, 189, 114, 0.12);
  --color-border: rgba(215, 189, 114, 0.18);
  --color-border-light: rgba(215, 189, 114, 0.12);
  --color-border-hover: rgba(215, 189, 114, 0.34);

  --shadow-card: 0 2px 16px rgba(0, 0, 0, 0.25);
  --shadow-card-hover: 0 8px 36px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 30px rgba(215, 189, 114, 0.10);
  --shadow-header: 0 1px 6px rgba(0, 0, 0, 0.28);
  --shadow-nav: 0 1px 0 rgba(215, 189, 114, 0.08);
  --color-hero-glow: rgba(215, 189, 114, 0.2);
  --title-gradient: linear-gradient(135deg, #ead38c 0%, #ffffff 40%, #d7bd72 60%, #b09a55 100%);

  --color-bg-primary: #15130f;
  --color-bg-secondary: #1f1c17;
  --color-bg-tertiary: #27231d;
  --color-bg-card: rgba(31, 28, 23, 0.78);
  --color-bg-card-hover: #27231d;
  --color-bg-overlay: rgba(21, 19, 15, 0.94);
  --color-bg-glass: rgba(31, 28, 23, 0.55);
  --color-bg-input: #27231d;
  --color-bg-muted: #1c1915;
  --color-text-primary: #f3eee2;
  --color-text-secondary: #c9bfaf;
  --color-text-muted: #978d7e;
  --color-text-inverse: #15130f;
  --color-nav-bg: transparent;
  --color-nav-border: rgba(215, 189, 114, 0.12);
}

:root[data-xuan-theme="obsidian"] {
  --paper-bg: #07111d;
  --paper-bg-end: #050d17;
  --bg-base: #07111d;
  --bg-primary: #07111d;
  --bg-secondary: #111b2a;
  --bg-card: rgba(17, 27, 42, 0.8);
  --bg-card-hover: #162235;
  --bg-elevated: #162235;
  --bg-overlay: rgba(7, 17, 29, 0.96);
  --bg-panel: rgba(17, 27, 42, 0.84);
  --bg-input: #162235;
  --bg-muted: #0e1825;
  --hero-bg: #07111d;
  --hero-bg-2: #0b1421;

  --ink-dark: #f5f8ff;
  --ink-fade: #aeb9c9;
  --ink-muted: #78869a;
  --text-primary: #f5f8ff;
  --text-secondary: #aeb9c9;
  --text-muted: #78869a;
  --text-inverse: #07111d;
  --text-accent: #4c7dff;
  --hero-text: #f5f8ff;

  --gold-main: #4c7dff;
  --gold-fade: #67a3ff;
  --gold-weak: rgba(76, 125, 255, 0.25);
  --gold-primary: #4c7dff;
  --gold-light: #67a3ff;
  --gold-dark: #3a62cc;
  --gold-glow: rgba(76, 125, 255, 0.25);
  --accent-gold: #4c7dff;
  --accent-gold-light: #67a3ff;
  --accent-gold-dim: #3a62cc;
  --accent-gold-bg: rgba(76, 125, 255, 0.14);
  --accent-gold-border: rgba(76, 125, 255, 0.3);
  --hero-gold: #4c7dff;
  --hero-gold-light: #67a3ff;
  --hero-gold-border: rgba(76, 125, 255, 0.3);
  --color-accent: #4c7dff;
  --color-accent-light: #67a3ff;
  --color-accent-dark: #3a62cc;
  --color-accent-bg: rgba(76, 125, 255, 0.14);
  --color-accent-bg-hover: rgba(76, 125, 255, 0.22);
  --color-text-link: #4c7dff;

  --border-color: #1f2d40;
  --border: rgba(76, 125, 255, 0.16);
  --border-light: rgba(76, 125, 255, 0.12);
  --color-border: rgba(76, 125, 255, 0.18);
  --color-border-light: rgba(76, 125, 255, 0.12);
  --color-border-hover: rgba(76, 125, 255, 0.34);

  --shadow-card: 0 2px 16px rgba(0, 0, 0, 0.35);
  --shadow-card-hover: 0 8px 36px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 30px rgba(76, 125, 255, 0.12);
  --shadow-header: 0 1px 6px rgba(0, 0, 0, 0.32);
  --shadow-nav: 0 1px 0 rgba(76, 125, 255, 0.08);
  --color-hero-glow: rgba(76, 125, 255, 0.22);
  --title-gradient: linear-gradient(135deg, #67a3ff 0%, #f5f8ff 40%, #4c7dff 60%, #3a62cc 100%);

  --color-bg-primary: #07111d;
  --color-bg-secondary: #111b2a;
  --color-bg-tertiary: #162235;
  --color-bg-card: rgba(17, 27, 42, 0.8);
  --color-bg-card-hover: #162235;
  --color-bg-overlay: rgba(7, 17, 29, 0.94);
  --color-bg-glass: rgba(17, 27, 42, 0.55);
  --color-bg-input: #162235;
  --color-bg-muted: #0e1825;
  --color-text-primary: #f5f8ff;
  --color-text-secondary: #aeb9c9;
  --color-text-muted: #78869a;
  --color-text-inverse: #07111d;
  --color-nav-bg: transparent;
  --color-nav-border: rgba(76, 125, 255, 0.12);
}

:root[data-xuan-theme="light"],
:root[data-theme="light"]:not([data-xuan-theme]) {
  --paper-bg: #f4f6fb;
  --paper-bg-end: #eef1f7;
  --bg-base: #f4f6fb;
  --bg-primary: #f4f6fb;
  --bg-secondary: #ffffff;
  --bg-card: rgba(255, 255, 255, 0.9);
  --bg-card-hover: #f8f9fc;
  --bg-elevated: #f8f9fc;
  --bg-overlay: rgba(244, 246, 251, 0.96);
  --bg-panel: rgba(255, 255, 255, 0.88);
  --bg-input: #ffffff;
  --bg-muted: #eef2f8;
  --hero-bg: #f4f6fb;
  --hero-bg-2: #eef1f7;

  --ink-dark: #171a2a;
  --ink-fade: #596176;
  --ink-muted: #8791a5;
  --text-primary: #171a2a;
  --text-secondary: #596176;
  --text-muted: #8791a5;
  --text-inverse: #ffffff;
  --text-accent: #5865f2;
  --hero-text: #171a2a;

  --gold-main: #5865f2;
  --gold-fade: #6f7cf5;
  --gold-weak: rgba(88, 101, 242, 0.14);
  --gold-primary: #5865f2;
  --gold-light: #6f7cf5;
  --gold-dark: #404bb3;
  --gold-glow: rgba(88, 101, 242, 0.15);
  --accent-gold: #5865f2;
  --accent-gold-light: #6f7cf5;
  --accent-gold-dim: #404bb3;
  --accent-gold-bg: rgba(88, 101, 242, 0.10);
  --accent-gold-border: rgba(88, 101, 242, 0.22);
  --hero-gold: #5865f2;
  --hero-gold-light: #6f7cf5;
  --hero-gold-border: rgba(88, 101, 242, 0.22);
  --color-accent: #5865f2;
  --color-accent-light: #6f7cf5;
  --color-accent-dark: #404bb3;
  --color-accent-bg: rgba(88, 101, 242, 0.10);
  --color-accent-bg-hover: rgba(88, 101, 242, 0.16);
  --color-text-link: #5865f2;

  --border-color: #dfe4ef;
  --border: rgba(88, 101, 242, 0.15);
  --border-light: rgba(88, 101, 242, 0.10);
  --color-border: rgba(88, 101, 242, 0.18);
  --color-border-light: rgba(88, 101, 242, 0.12);
  --color-border-hover: rgba(88, 101, 242, 0.32);

  --shadow-card: 0 2px 16px rgba(47, 57, 102, 0.08);
  --shadow-card-hover: 0 8px 36px rgba(47, 57, 102, 0.14);
  --shadow-glow: 0 0 30px rgba(88, 101, 242, 0.08);
  --shadow-header: 0 1px 6px rgba(47, 57, 102, 0.06);
  --shadow-nav: 0 1px 0 rgba(88, 101, 242, 0.06);
  --color-hero-glow: rgba(88, 101, 242, 0.12);
  --title-gradient: linear-gradient(135deg, #6f7cf5 0%, #171a2a 40%, #5865f2 60%, #404bb3 100%);

  --color-bg-primary: #f4f6fb;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #f8f9fc;
  --color-bg-card: rgba(255, 255, 255, 0.9);
  --color-bg-card-hover: #f8f9fc;
  --color-bg-overlay: rgba(244, 246, 251, 0.94);
  --color-bg-glass: rgba(255, 255, 255, 0.68);
  --color-bg-input: #ffffff;
  --color-bg-muted: #eef2f8;
  --color-text-primary: #171a2a;
  --color-text-secondary: #596176;
  --color-text-muted: #8791a5;
  --color-text-inverse: #ffffff;
  --color-nav-bg: transparent;
  --color-nav-border: rgba(88, 101, 242, 0.10);
}