/* Shared visual tokens: Tàng Kinh Thanh Tịnh. */
:root {
  --gold-pure: #A1844F;
  --gold-light: #F3E5AB;
  --gold-dark: #765B2C;
  --gold-gradient: linear-gradient(120deg,#285A46,#285A46);
  --gold-metallic: var(--gold-gradient);
  --gold-glow: none;
  --saffron-50: #f5f0e4;
  --saffron-100: #eee5ce;
  --saffron-200: #ddcaa0;
  --saffron-500: #987637;
  --saffron-600: #83632b;
  --saffron-700: #715123;
  --zen-emerald: #285A46;
  --zen-emerald-light: #EDEFE5;
  --zen-crimson: #8C2D19;
  --zen-crimson-light: #FDEEEB;
  --zen-purple: #6B21A8;
  --zen-purple-light: #F3E8FF;
  --zen-blue: #0369A1;
  --zen-blue-light: #E0F2FE;
  --bg-app: #F7F4EC;
  --bg-surface: #FFFDF7;
  --bg-surface-elevated: #EDEFE5;
  --bg-card: #FFFDF7;
  --border-subtle: #DED7C5;
  --border-gold: #A1844F;
  --text-primary: #233D32;
  --text-secondary: #59685D;
  --text-muted: #59685D;
  --header-bg: #FFFDF7;
  --shadow-soft: 0 4px 24px #27392b06;
  --shadow-hover: 0 10px 30px #243c3510;
  --font-body: 'Be Vietnam Pro', 'Segoe UI', sans-serif;
  --font-serif: 'Noto Serif', 'Palatino Linotype', Georgia, serif;
  --font-display: 'Noto Serif', 'Palatino Linotype', Georgia, serif;
  --font-han: 'Noto Serif TC', 'Songti TC', serif;
  --radius-sm: 5px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --transition-smooth: background .16s, color .16s, border-color .16s;
  --saffron-800: #60411b;
  --accent: #285A46;
  --on-accent: #FFFDF7;
  --hero-bg: #233e31;
  --hero-ink: #f6f0df;
  --hero-muted: #c9d0bd;
  --cover-green: #285A46;
  --cover-clay: #73503E;
  --cover-blue: #355969;
  --cover-plum: #63516A;
  --cover-ink: #FFF5DD;
  --bg-hover: #EDEFE5;
  --font-size-ui: 1rem;
  --font-size-label: .875rem;
}
:root[data-theme="amber"] {
  --bg-app: #F3E7CF;
  --bg-surface: #FFF5DF;
  --bg-surface-elevated: #EEE0C4;
  --bg-card: #FFF5DF;
  --border-subtle: #D7C6A5;
  --border-gold: #A17B37;
  --text-primary: #41321F;
  --text-secondary: #6B5840;
  --text-muted: #6B5840;
  --header-bg: #FFF5DF;
  --shadow-soft: 0 4px 20px rgba(41, 28, 16, 0.08);
  --shadow-hover: 0 12px 30px rgba(180, 83, 9, 0.18);
  --gold-dark: #785018;
  --accent: #76502B;
  --on-accent: #FFF5DF;
  --hero-bg: #493b28;
  --hero-ink: #fff2d5;
  --hero-muted: #ddcaaa;
  --gold-gradient: linear-gradient(120deg,#76502B,#76502B);
  --gold-pure: #A17B37;
  --zen-emerald: #76502B;
  --zen-emerald-light: #EEE0C4;
  --bg-hover: #EEE0C4;
}
:root[data-theme="night"] {
  --bg-app: #151D19;
  --bg-surface: #1D2922;
  --bg-surface-elevated: #2A382E;
  --bg-card: #1D2922;
  --border-subtle: #4A5142;
  --border-gold: #BCA16A;
  --text-primary: #EEE8D8;
  --text-secondary: #BCC7BC;
  --text-muted: #BCC7BC;
  --header-bg: #1D2922;
  --shadow-soft: 0 4px 25px rgba(0, 0, 0, 0.5);
  --shadow-hover: 0 12px 35px rgba(212, 175, 55, 0.2);
  --zen-purple-light: rgba(107, 33, 168, 0.25);
  --zen-blue-light: rgba(3, 105, 161, 0.25);
  --zen-emerald-light: #2A382E;
  --gold-dark: #D7BD87;
  --saffron-50: #282b24;
  --saffron-100: #353a2a;
  --saffron-200: #4d503c;
  --saffron-500: #c9aa71;
  --saffron-600: #dbc18b;
  --saffron-700: #d9c49e;
  --saffron-800: #e9d8b6;
  --accent: #C4D8B8;
  --on-accent: #18271D;
  --hero-bg: #1a3025;
  --hero-ink: #f0e6d2;
  --hero-muted: #b9c4af;
  --zen-emerald: #C4D8B8;
  --zen-crimson: #edb8a8;
  --zen-crimson-light: #3b2924;
  --zen-blue: #b0d7e9;
  --zen-purple: #d4bce9;
  --gold-gradient: linear-gradient(120deg,#C4D8B8,#C4D8B8);
  --gold-pure: #BCA16A;
  --bg-hover: #2A382E;
}