/* ============================================================
 * doublesquares.com — Design Tokens
 * R2 输出。原型和最终产品共用。
 * ============================================================ */

:root {
  /* ---------- 颜色 ---------- */
  --bg-base:        #F5F5F7;
  --bg-elevated:    #FFFFFF;
  --bg-glass:       rgba(255, 255, 255, 0.72);
  --bg-glass-dark:  rgba(29, 29, 31, 0.72);

  --fg-primary:     #1D1D1F;
  --fg-secondary:   #6E6E73;
  --fg-tertiary:    #86868B;

  --accent:         #0071E3;
  --accent-hover:   #0077ED;
  --accent-soft:    rgba(0, 113, 227, 0.08);

  --divider:        rgba(0, 0, 0, 0.08);
  --divider-strong: rgba(0, 0, 0, 0.12);

  /* 状态色（饱和度降低，符合苹果克制感） */
  --status-upcoming:    #0071E3;
  --status-registering: #34C759;
  --status-live:        #FF9500;
  --status-ended:       #86868B;

  /* ---------- 字号 ---------- */
  --text-display:  56px;
  --text-h1:       34px;
  --text-h2:       28px;
  --text-h3:       22px;
  --text-body:     17px;
  --text-caption:  13px;
  --text-mono:     14px;

  --leading-tight:  1.2;
  --leading-normal: 1.4;
  --leading-relax:  1.6;

  /* ---------- 间距（8 栅格）---------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* ---------- 圆角 ---------- */
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  18px;
  --radius-xl:  24px;
  --radius-pill: 999px;

  /* ---------- 阴影 ---------- */
  --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md:  0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg:  0 12px 32px rgba(0, 0, 0, 0.12);
  --shadow-xl:  0 24px 64px rgba(0, 0, 0, 0.16);

  /* ---------- 动效 ---------- */
  --ease-ios:        cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-ios-spring: cubic-bezier(0.32, 0.72, 0, 1);
  --duration-fast:   200ms;
  --duration-base:   320ms;
  --duration-slow:   480ms;

  /* ---------- 断点 ---------- */
  --bp-mobile:  768px;
  --bp-tablet:  1024px;

  /* ---------- 字体栈 ---------- */
  --font-sans:
    -apple-system, BlinkMacSystemFont, "SF Pro Text",
    "PingFang SC", "Microsoft YaHei",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono:
    "SF Mono", ui-monospace, "Cascadia Mono", Menlo,
    Consolas, "Courier New", monospace;
}

/* ---------- 暗色模式 ---------- */
@media (prefers-color-scheme: dark) {
  :root {
    --bg-base:        #000000;
    --bg-elevated:    #1D1D1F;
    --bg-glass:       rgba(29, 29, 31, 0.72);

    --fg-primary:     #F5F5F7;
    --fg-secondary:   #AEAEB2;
    --fg-tertiary:    #86868B;

    --accent:         #2997FF;
    --accent-hover:   #4EB8FF;

    --divider:        rgba(255, 255, 255, 0.08);
    --divider-strong: rgba(255, 255, 255, 0.16);

    --status-upcoming:    #2997FF;
    --status-registering: #30D158;
    --status-live:        #FF9F0A;
    --status-ended:       #86868B;

    --shadow-md:  0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-lg:  0 12px 32px rgba(0, 0, 0, 0.6);
  }
}