/* 设计变量：灯下牌桌 —— 深玉绿绒布、朱漆红、黄铜金、象牙白牌面 */
:root {
  --felt-950: #081d18;
  --felt-900: #0d2b24;
  --felt-800: #123a30;
  --felt-700: #18493c;
  --felt-600: #1f5c4b;
  --felt-lamp: #2f7d63;

  --lacquer: #b8291f;
  --lacquer-bright: #d63a2c;
  --lacquer-deep: #7a1610;
  --brass: #d6a441;
  --brass-soft: #f0d38d;
  --brass-dim: rgba(214, 164, 65, 0.35);

  --paper: #fbf6ea;
  --paper-shade: #efe6d0;
  --paper-edge: #d8ccb0;
  --ink: #1e1b17;
  --card-red: #c0281d;

  --team-0: #e8664c;
  --team-1: #4f9be8;

  --text: #f4eddb;
  --text-muted: rgba(244, 237, 219, 0.66);
  --text-faint: rgba(244, 237, 219, 0.4);
  --line: rgba(240, 211, 141, 0.18);
  --surface: rgba(8, 29, 24, 0.55);
  --surface-strong: rgba(8, 29, 24, 0.82);

  --font-display: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;
  --font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  --font-rank: Georgia, "Times New Roman", "Songti SC", serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: clamp(0.95rem, 0.9rem + 0.25vw, 1.05rem);
  --text-lg: clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
  --text-hero: clamp(2.6rem, 1.6rem + 4.5vw, 5.4rem);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 36px;
  --space-section: clamp(1.5rem, 1rem + 3vw, 4rem);

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-pill: 999px;

  --card-w: 64px;
  --card-h: calc(var(--card-w) * 1.4);
  --mini-w: 40px;
  --mini-h: calc(var(--mini-w) * 1.4);

  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 6px 14px rgba(0, 0, 0, 0.28);
  --shadow-float: 0 18px 40px rgba(0, 0, 0, 0.45);

  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}