/* 来集卡 2a design tokens (design_handoff_laijika_2a/README.md「设计令牌」). Every page references these. */
:root {
  /* brand */
  --navy: #071443;
  --red: #E3350D;
  --red-shade: #B42A0A;
  --gold: #F7C948;
  --gold-text: #F2B705;

  /* surfaces */
  --page: #F6F7F9;
  --surface: #FFFFFF;
  --control: #F4F5F7;
  --border: #E7E9EE;
  --divider: #EEF0F3;
  --divider-2: #F0F1F4;

  /* text */
  --text: #20232A;
  --text-2: #5E6470;
  --text-3: #6B7280; /* ≥ 4.5:1 on white and on --page (was #8A909C, 3.2:1) */
  --on-dark-2: #C9CFE0;
  --on-dark-3: #AEB6CE;

  /* accents */
  --blue: #3A8EDB;
  --green: #1F8A4C;
  --green-2: #1F9E57;
  --yellow: #E3A600;
  --yellow-2: #F2B705;
  --purple: #9B5CC4;
  --pink: #E8589A;
  --indigo: #6F7BFF;
  --text-warn: #9A6C00;
  --blue-text: #2468B0; /* --blue as text on white: 4.9:1 */

  /* soft fills */
  --soft-red: #FFF1EC;
  --soft-green: #EAF7EF;
  --soft-yellow: #FFF8DC;
  --soft-blue: #EDF5FD;
  --soft-purple: #F4EEFA;
  --soft-pink: #FDEFF5;

  /* up / down */
  --up-dark: #5BD28A;
  --down-dark: #FF8A6B;
  --up: #1F8A4C;
  --down: #E3350D;

  /* stage */
  --glow-blue: rgba(64, 118, 255, .55);
  --glow-purple: rgba(206, 84, 226, .38);
  --glow-cyan: rgba(52, 204, 240, .28);
  --rainbow: linear-gradient(90deg, #34CCF0, #6F7BFF, #CE54E2, #F7C948);
  --glass: rgba(255, 255, 255, .08);
  --glass-border: rgba(255, 255, 255, .16);

  /* type */
  --font-cn: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-num: 'Nunito', 'Noto Sans SC', sans-serif;

  /* radius */
  --r-pill: 999px;
  --r-module: 28px;
  --r-module-sm: 22px;
  --r-card: 22px;
  --r-block: 16px;
  --r-img: 10px;

  /* shadow */
  --sh-board: 0 20px 60px rgba(20, 24, 40, .12);
  --sh-card-img: 0 30px 60px rgba(0, 0, 0, .5);
  --sh-float: 0 14px 30px rgba(7, 20, 67, .35);
  --sh-red: 0 4px 0 var(--red-shade);
  --sh-hover: 0 14px 36px rgba(7, 20, 67, .10);
  --sh-thumb: 0 10px 24px rgba(0, 0, 0, .18);

  /* layout */
  --gutter: 40px;
  --gap: 24px;
  --max: 1280px;
  --tap: 44px;
}
@media (max-width: 760px) {
  :root { --gutter: 16px; --gap: 12px; --r-module: 22px; }
}