/* Phase 1: typography and dual-theme tokens only. No layout or behavior changes. */
html.hj-phase1:root {
  --ink: #0b080c !important;
  --ink-2: #151016 !important;
  --ink-3: #201720 !important;
  --paper: #fff8fc !important;
  --paper-dim: rgb(255 248 252 / 0.88) !important;
  --paper-mute: rgb(255 248 252 / 0.68) !important;

  --magenta: #f04b9b !important;
  --magenta-2: #ff91c7 !important;
  --magenta-deep: #a81459 !important;
  --magenta-rgb: 240 75 155 !important;
  --magenta-2-rgb: 255 145 199 !important;
  --magenta-deep-rgb: 168 20 89 !important;
  --magenta-glow: rgb(240 75 155 / 0.28) !important;
  --magenta-soft: rgb(240 75 155 / 0.12) !important;
  --accent: var(--magenta) !important;
  --accent-2: var(--magenta-2) !important;
  --accent-rgb: var(--magenta-rgb) !important;
  --hj-theme-primary: var(--magenta) !important;
  --hj-theme-primary-2: var(--magenta-2) !important;
  --hj-theme-primary-3: var(--magenta-deep) !important;
  --hj-theme-rgb: var(--magenta-rgb) !important;

  --display: "Noto Serif TC", "Songti TC", "STSong", serif !important;
  --display-zh: "Noto Serif TC", "Songti TC", "STSong", serif !important;
  --serif: "Noto Serif TC", "Songti TC", "STSong", serif !important;
  --sans: "Noto Sans TC", "PingFang TC", -apple-system, BlinkMacSystemFont, sans-serif !important;
  --mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace !important;
  --t-xs: 11px !important;
  --t-sm: 13px !important;
  --t-md: 15px !important;
}

html.hj-phase1[data-theme="ice"] {
  --ink: #071014 !important;
  --ink-2: #0d1920 !important;
  --ink-3: #14242d !important;
  --paper: #f5fcff !important;
  --paper-dim: rgb(245 252 255 / 0.88) !important;
  --paper-mute: rgb(245 252 255 / 0.68) !important;

  --magenta: #45c4ef !important;
  --magenta-2: #9be5ff !important;
  --magenta-deep: #087da5 !important;
  --magenta-rgb: 69 196 239 !important;
  --magenta-2-rgb: 155 229 255 !important;
  --magenta-deep-rgb: 8 125 165 !important;
  --magenta-glow: rgb(69 196 239 / 0.26) !important;
  --magenta-soft: rgb(69 196 239 / 0.11) !important;
}

html.hj-phase1 body {
  font-family: var(--sans) !important;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

html.hj-phase1 :where(h1, h2, h3, .brand-name-zh, .footer-brand-zh, .hero-title, .section-title, .page-title) {
  font-family: var(--display-zh) !important;
  text-wrap: balance;
}

html.hj-phase1 :where(time, .card-num, .card-stats, .header-stats) {
  font-variant-numeric: tabular-nums;
}