/*
 * Ink Lap 换皮：只覆盖共用组件库的设计令牌变量（不覆盖 .gs-* 选择器）。
 * 色值取 art/ART_PLAN.json style_tokens.palette：深靛夜色底 + 霓虹线 + 注塑玩具感的大圆角胶囊。
 * 主按钮 = go 色（青柠）胶囊，次按钮 = panel-hi 胶囊 + muted 描边（style_tokens.ui_is_dom）。
 */

/* 页面级手势兜底（不是组件选择器）：下拉刷新 / 橡皮筋 / 双击缩放不许吃掉赛场上的拖线。 */
html {
  overscroll-behavior: none;
  touch-action: manipulation;
  -webkit-text-size-adjust: 100%;
}

:root {
  --gs-ink: #FFF6EA;
  --gs-ink-soft: rgba(255, 246, 234, 0.78);
  --gs-ink-dim: rgba(169, 162, 216, 0.85);
  --gs-ink-on-light: #0A0820;

  --gs-surface: rgba(34, 27, 90, 0.86);
  --gs-surface-raised: rgba(52, 42, 134, 0.94);
  --gs-surface-sunken: rgba(10, 8, 32, 0.62);
  --gs-hairline: rgba(169, 162, 216, 0.32);

  --gs-accent: #B8FF3B;
  --gs-accent-2: #2BF0FF;
  --gs-gold: #FFC531;
  --gs-danger: #FF4D5E;

  --gs-glow-accent: 0 0 0 1px rgba(184, 255, 59, 0.55), 0 0 24px rgba(184, 255, 59, 0.38);
  --gs-glow-gold: 0 0 22px rgba(255, 197, 49, 0.55);
  --gs-shadow-card: 0 16px 36px rgba(5, 3, 15, 0.55);
  --gs-cta: linear-gradient(180deg, #D4FF7A 0%, #B8FF3B 46%, #8FD622 100%);

  --gs-radius-sm: 12px;
  --gs-radius-md: 20px;
  --gs-radius-lg: 30px;

  --gs-icon-tint-accent: brightness(0) saturate(100%) invert(83%) sepia(55%) saturate(2400%)
    hue-rotate(140deg) brightness(104%) contrast(101%);

  /* 本作专用的几个颜色变量（组件库不认识它们，只给 game.css 用） */
  --dr-night: #120E33;
  --dr-ink: #0A0820;
  --dr-asphalt: #1A1745;
  --dr-panel: #221B5A;
  --dr-panel-hi: #342A86;
  --dr-cyan: #2BF0FF;
  --dr-magenta: #FF3EA5;
  --dr-go: #B8FF3B;
  --dr-finish: #FFD93B;
  --dr-muted: #A9A2D8;
  --dr-violet: #A35CFF;
  --dr-wall: #7C4DFF;
  --dr-bronze: #E08A4C;
  --dr-silver: #CBD5EA;
  --dr-gold: #FFC531;
  --dr-danger: #FF4D5E;
  --dr-pad: #FF8A1F;
  --dr-glass: linear-gradient(180deg, rgba(52, 42, 134, 0.82), rgba(26, 20, 72, 0.88));
  --dr-glass-edge: rgba(163, 92, 255, 0.55);
  --dr-font: "Nunito", "Baloo 2", "Trebuchet MS", system-ui, -apple-system, "Segoe UI", sans-serif;
  --dr-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}

/* 高对比（设置开关；shared_conventions.high_contrast / screen-15 示范）：面板纯黑、白字、亮黄描边 */
:root[data-contrast='on'] {
  --gs-surface: #000000;
  --gs-surface-raised: #000000;
  --gs-surface-sunken: #000000;
  --gs-hairline: #FFEB00;
  --gs-ink: #FFFFFF;
  --gs-ink-soft: #FFFFFF;
  --gs-ink-dim: #FFFFFF;
  --dr-glass: #000000;
  --dr-glass-edge: #FFEB00;
  --dr-panel: #000000;
  --dr-panel-hi: #000000;
  --dr-muted: #FFFFFF;
}