/**
 * 全域通汇（global 模块）主题变量
 *
 * 背景：region/index/topic/search 四页引用了 --tc-*/--rg-* 变量，但此前这些变量
 * 只在 verify 页面内定义，全站无定义 —— 导致 header 的明暗切换按钮在 global
 * 页面上"看起来失效"（页面样式全是硬编码深色）。
 *
 * 本文件补齐全套变量定义，并与全站 data-theme 机制联动：
 *  - header.php 在 <head> 内先按 localStorage 设置 html[data-theme]
 *  - ThemeSwitcher.toggle() 切换属性，本文件的浅色覆盖随之生效
 *
 * 深色为默认（:root），浅色用 [data-theme="light"] 覆盖。
 * 金色主色在浅色下降为深金（#8B6914）保证白底可读。
 */

:root {
    /* 与 verify 页一致的 --tc-* 体系（深色默认） */
    --tc-gold: #E6C888;
    --tc-gold-light: rgba(230, 200, 136, 0.12);
    --tc-gold-medium: rgba(230, 200, 136, 0.25);
    --tc-gold-dark: #C9A96E;
    --tc-bg: #000000;
    --tc-bg-card: #0D0D0D;
    --tc-bg-secondary: #141414;
    --tc-text-primary: #ffffff;
    --tc-text-secondary: rgba(255, 255, 255, 0.65);
    --tc-text-muted: rgba(255, 255, 255, 0.4);
    --tc-border: rgba(230, 200, 136, 0.15);
    --tc-border-gold: rgba(230, 200, 136, 0.3);

    /* global 模块专用变量 */
    --rg-gold: #E6C888;
    --rg-gold-soft: rgba(230, 200, 136, 0.14);
    --rg-hero-bg: #0A0A0A;
    --rg-hero-title: #ffffff;
    --rg-hero-sub: #c9c4b8;
    --rg-hero-line: rgba(230, 200, 136, 0.65);
    --rg-hero-shadow: 0 2px 24px rgba(0, 0, 0, 0.55);
    --rg-hero-mask: linear-gradient(100deg, rgba(8, 8, 8, 0.94) 22%, rgba(8, 8, 8, 0.72) 55%, rgba(8, 8, 8, 0.45) 100%);
    --rg-cell-label: #8f8a7d;
    --rg-chip-bg: rgba(255, 255, 255, 0.05);
    --rg-chip-strong: rgba(255, 255, 255, 0.12);
    --rg-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
    --rg-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
}

/* 浅色模式覆盖 */
[data-theme="light"] {
    --tc-gold: #8B6914;
    --tc-gold-light: rgba(139, 105, 20, 0.08);
    --tc-gold-medium: rgba(139, 105, 20, 0.15);
    --tc-gold-dark: #6B4F10;
    --tc-bg: #ffffff;
    --tc-bg-card: #f8f8f8;
    --tc-bg-secondary: #f0f0f0;
    --tc-text-primary: #1a1a1a;
    --tc-text-secondary: rgba(0, 0, 0, 0.65);
    --tc-text-muted: rgba(0, 0, 0, 0.45);
    --tc-border: rgba(0, 0, 0, 0.1);
    --tc-border-gold: rgba(139, 105, 20, 0.3);

    --rg-gold: #8B6914;
    --rg-gold-soft: rgba(139, 105, 20, 0.1);
    --rg-hero-bg: #faf6ec;
    --rg-hero-title: #1a1405;
    --rg-hero-sub: #6b6252;
    --rg-hero-line: rgba(139, 105, 20, 0.5);
    --rg-hero-shadow: 0 2px 20px rgba(139, 105, 20, 0.15);
    --rg-hero-mask: linear-gradient(100deg, rgba(250, 246, 236, 0.96) 22%, rgba(250, 246, 236, 0.82) 55%, rgba(250, 246, 236, 0.6) 100%);
    --rg-cell-label: #8a8374;
    --rg-chip-bg: rgba(139, 105, 20, 0.05);
    --rg-chip-strong: rgba(139, 105, 20, 0.14);
    --rg-shadow: 0 12px 28px rgba(139, 105, 20, 0.12);
}