/* 三套主题的原始色板与语义 token。所有十六进制色值只出现在本文件。 */

:root {
  --font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Songti SC", "STSong", "SimSun", "Noto Serif SC", serif;
  --font-mono: "SFMono-Regular", "Cascadia Mono", "Consolas", "Liberation Mono", monospace;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 56px;
  --space-10: 72px;

  --text-xs: 11px;
  --text-sm: 13px;
  --text-md: 15px;
  --text-lg: 18px;
  --text-xl: clamp(20px, 2.1vw, 26px);
  --text-2xl: clamp(26px, 3.4vw, 38px);
  --text-hero: clamp(38px, 6.4vw, 76px);

  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  --dur-fast: 120ms;
  --dur: 220ms;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  --content-max: 1240px;
  --header-h: 68px;
  --rail-w: 336px;
  --card-w: clamp(42px, 6.1vw, 58px);
  --card-h: calc(var(--card-w) * 1.42);
  --card-radius: clamp(6px, 0.75vw, 9px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  --qr-ink: #141414;
  --qr-paper: #FFFFFF;

  --swatch-jade-a: #0B3B32;
  --swatch-jade-b: #E8C56A;
  --swatch-neon-a: #080A1A;
  --swatch-neon-b: #25E6C8;
  --swatch-campus-a: #F5EFDF;
  --swatch-campus-b: #EF6A4E;
}

/* 国潮翡翠：深翡翠底、金线、宣纸牌面、朱砂印章 */
:root,
html[data-theme="jade"] {
  color-scheme: dark;
  --bg: #071F1A;
  --bg-2: #0A2A23;
  --surface: #0E332B;
  --surface-2: #123E34;
  --surface-3: #17493D;
  --text: #F5EEDC;
  --text-2: #CBD9C9;
  --text-3: #90AA9C;
  --text-on-accent: #241B08;
  --line: #275548;
  --line-strong: #3A6F5F;
  --accent: #E8C56A;
  --accent-2: #7FC9A8;
  --accent-soft: #24483B;
  --accent-ink: #2B220C;
  --danger: #D9574B;
  --danger-strong: #F07163;
  --danger-soft: #45251F;
  --success: #7AC9A4;
  --gold: #D8B15C;
  --table: #0D4B3D;
  --table-2: #09392F;
  --table-line: #2E6B5A;
  --table-text: #F5EEDC;
  --table-muted: #A9C4B3;
  --table-panel: #0A352C;
  --table-panel-line: #2A5D4E;
  --card: #FBF5E6;
  --card-2: #F0E6CF;
  --card-ink: #1C2923;
  --card-red: #C13B31;
  --card-back: #8E2F2A;
  --card-back-2: #6E231F;
  --card-back-line: #E8C56A;
  --card-back-ink: #F3D98F;
  --overlay: rgb(2 12 9 / 0.78);
  --overlay-soft: rgb(2 12 9 / 0.56);
  --focus: #F6D98B;
  --seal: #B23A31;
  --seal-ink: #F7EAD0;
  --input-bg: #0A2A23;
  --input-line: #2B5A4C;
  --badge-bg: #B23A31;
  --on-badge: #FBF5E6;
  --chat-self: #1B4B3E;
  --chat-other: #0F352D;
  --system: #8FA99B;
  --scroll-thumb: #386B5C;
  --qr-ink: #16221D;
  --qr-paper: #FBF5E6;
  --shadow-sm: 0 1px 0 rgb(255 255 255 / 0.04), 0 6px 18px rgb(0 0 0 / 0.22);
  --shadow-md: 0 14px 36px rgb(0 0 0 / 0.32);
  --shadow-lg: 0 28px 80px rgb(0 0 0 / 0.46);
}

/* 霓虹街机：深蓝底、青色电光、洋红强调、像素牌背 */
html[data-theme="neon"] {
  color-scheme: dark;
  --bg: #070814;
  --bg-2: #0B0D22;
  --surface: #10132B;
  --surface-2: #171B3B;
  --surface-3: #20264E;
  --text: #F4F5FF;
  --text-2: #B9C0E6;
  --text-3: #7D86B3;
  --text-on-accent: #04121A;
  --line: #2A3160;
  --line-strong: #424C8C;
  --accent: #25E6C8;
  --accent-2: #FF56D8;
  --accent-soft: #163A44;
  --accent-ink: #041A18;
  --danger: #FF5C7A;
  --danger-strong: #FF8198;
  --danger-soft: #3A1525;
  --success: #63F0B0;
  --gold: #F7C95C;
  --table: #0C1737;
  --table-2: #070D24;
  --table-line: #26356F;
  --table-text: #F4F5FF;
  --table-muted: #A6B0DA;
  --table-panel: #0A1230;
  --table-panel-line: #29366E;
  --card: #F5F6FF;
  --card-2: #E6E8FA;
  --card-ink: #12142C;
  --card-red: #F03D6B;
  --card-back: #1A2660;
  --card-back-2: #0E1742;
  --card-back-line: #2BE6D0;
  --card-back-ink: #B9FFF4;
  --overlay: rgb(3 4 14 / 0.82);
  --overlay-soft: rgb(3 4 14 / 0.6);
  --focus: #57F0D8;
  --seal: #D93A8F;
  --seal-ink: #FFF2FB;
  --input-bg: #0B0E22;
  --input-line: #2B3366;
  --badge-bg: #FF56D8;
  --on-badge: #12051A;
  --chat-self: #1B2B5C;
  --chat-other: #131936;
  --system: #7D86B3;
  --scroll-thumb: #3B4680;
  --qr-ink: #101228;
  --qr-paper: #F5F6FF;
  --shadow-sm: 0 0 0 1px rgb(37 230 200 / 0.08), 0 8px 24px rgb(0 0 0 / 0.38);
  --shadow-md: 0 0 0 1px rgb(37 230 200 / 0.12), 0 18px 46px rgb(0 0 0 / 0.5);
  --shadow-lg: 0 0 0 1px rgb(255 86 216 / 0.16), 0 30px 90px rgb(0 0 0 / 0.62);
}

/* 清爽校园：米纸底、薄荷牌桌、珊瑚强调、手账线条 */
html[data-theme="campus"] {
  color-scheme: light;
  --bg: #F5EFDF;
  --bg-2: #EFE6D0;
  --surface: #FFFDF7;
  --surface-2: #F8F1E2;
  --surface-3: #EFE5D2;
  --text: #22312B;
  --text-2: #52645A;
  --text-3: #7E8C82;
  --text-on-accent: #FFFDF7;
  --line: #E2D5BC;
  --line-strong: #CBB99A;
  --accent: #EF6A4E;
  --accent-2: #2F7D6E;
  --accent-soft: #F9DCD2;
  --accent-ink: #3A160E;
  --danger: #C94436;
  --danger-strong: #E05A49;
  --danger-soft: #F7DAD4;
  --success: #2F7D6E;
  --gold: #D9A33A;
  --table: #A9CDB8;
  --table-2: #88B7A0;
  --table-line: #6EA28B;
  --table-text: #1F3A30;
  --table-muted: #456B5A;
  --table-panel: #F7F3E6;
  --table-panel-line: #C9DCC9;
  --card: #FFFFFF;
  --card-2: #F4F0E6;
  --card-ink: #26342E;
  --card-red: #CF4438;
  --card-back: #3F7F93;
  --card-back-2: #2F687C;
  --card-back-line: #F4E4C0;
  --card-back-ink: #FBF0D5;
  --overlay: rgb(35 49 43 / 0.55);
  --overlay-soft: rgb(35 49 43 / 0.34);
  --focus: #2F7D6E;
  --seal: #C94436;
  --seal-ink: #FFF8EC;
  --input-bg: #FFFDF7;
  --input-line: #D8C9AE;
  --badge-bg: #C94436;
  --on-badge: #FFFDF7;
  --chat-self: #E5F1E7;
  --chat-other: #F6EFDF;
  --system: #7E8C82;
  --scroll-thumb: #C4B294;
  --qr-ink: #22312B;
  --qr-paper: #FFFFFF;
  --shadow-sm: 0 2px 0 rgb(34 49 43 / 0.06), 0 8px 20px rgb(74 57 31 / 0.10);
  --shadow-md: 0 2px 0 rgb(34 49 43 / 0.06), 0 18px 38px rgb(74 57 31 / 0.14);
  --shadow-lg: 0 2px 0 rgb(34 49 43 / 0.08), 0 30px 70px rgb(74 57 31 / 0.18);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur: 0ms;
  }
}