:root {
  color-scheme: dark;
  --accent: #FF8899;
  --accent-04: rgba(255,136,153,.04);
  --accent-08: rgba(255,136,153,.08);
  --accent-12: rgba(255,136,153,.12);
  --accent-18: rgba(255,136,153,.18);
  --accent-24: rgba(255,136,153,.24);
  --accent-36: rgba(255,136,153,.36);
  --accent-56: rgba(255,136,153,.56);
  --accent-72: rgba(255,136,153,.72);
  --bg: #080808;
  --bg-deep: #000000;
  --bg-raised: #0D0D0D;
  --bg-soft: #121212;
  --bg-hover: rgba(255,255,255,.05);
  --glass: rgba(18,18,18,.88);
  --glass-strong: rgba(13,13,13,.94);
  --text: #FFFFFF;
  --text-strong: rgba(255,255,255,.96);
  --text-secondary: rgba(255,255,255,.68);
  --text-muted: rgba(255,255,255,.52);
  --text-disabled: rgba(255,255,255,.28);
  --line-faint: rgba(255,255,255,.08);
  --line: rgba(255,255,255,.16);
  --line-hover: rgba(255,255,255,.28);
  --line-strong: rgba(255,255,255,.46);
  --backdrop: rgba(0,0,0,.62);
  --shadow-soft: 0 18px 60px rgba(0,0,0,.34);
  --shadow-panel: 0 30px 100px rgba(0,0,0,.56);
  --focus-ring: 0 0 0 1px var(--accent-72), 0 0 0 5px var(--accent-12);
  --radius-xs: 6px; --radius-sm: 9px; --radius-md: 12px; --radius-lg: 18px; --radius-panel: 24px;
  --ease-out: cubic-bezier(.22,1,.36,1); --ease-soft: cubic-bezier(.2,.8,.2,1);
  --duration-fast: 140ms; --duration-base: 220ms; --duration-panel: 340ms;
  --font: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  --mono: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
}