/* ==========================================================================
   [CSS-1] Design Tokens —— 生日惊喜抽卡网页
   单一设计变量源：配色（淡黄/卡其/金色/白色）、类苹果缓动、节奏时长、层级
   ========================================================================== */

:root {
  /* —— 配色体系：淡黄 / 卡其 / 金色 / 白色 —— */
  --c-bg: #FFFDF4;            /* 页面底色（近白暖调） */
  --c-yellow: #FBF0D2;        /* 淡黄 */
  --c-yellow-deep: #F3E2B5;   /* 深淡黄 */
  --c-khaki: #C9B78C;         /* 卡其 */
  --c-khaki-deep: #A08A5C;    /* 深卡其 */
  --c-gold: #D4AF37;          /* 主金 */
  --c-gold-light: #F0D47C;    /* 亮金 */
  --c-gold-pale: #FAEDC4;     /* 淡金 */
  --c-gold-deep: #A8842B;     /* 深金 */
  --c-white: #FFFFFF;

  /* 文字色 */
  --c-text: #7A6742;          /* 主文字（卡其棕） */
  --c-text-strong: #4E4028;   /* 强调文字 */
  --c-text-soft: #A18C60;     /* 弱化文字 */

  /* 常用渐变 */
  --grad-gold-btn: linear-gradient(135deg, #EBCB74 0%, #D4AF37 45%, #B08C2B 100%);
  --grad-gold-text: linear-gradient(120deg, #B8912E 0%, #E8C56A 32%, #F9E8AC 50%, #D4AF37 68%, #9C7A22 100%);

  /* —— 缓动曲线（类苹果风：标准丝滑 + spring 微过冲） —— */
  --ease-apple: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* —— 节奏时长 —— */
  --dur-quick: 0.25s;         /* 微交互 */
  --dur-stage: 0.85s;         /* 阶段切换 */
  --dur-flip: 0.7s;           /* 单卡 3D 翻转 */
  --dur-gap: 0.5s;            /* 翻牌间隔 */

  /* —— z-index 层级（背景 → 舞台 → 暗角 → 光柱 → 召唤过场 → 粒子画布 → 黑边 → 屏幕闪光 → 线索放大镜） —— */
  --z-bg: 0;
  --z-stage: 10;
  --z-vignette: 45;
  --z-beam: 50;
  --z-summon: 54;
  --z-canvas: 55;
  --z-letterbox: 58;
  --z-flash: 60;
  --z-lightbox: 70;

  /* —— 字体 —— */
  --font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: "Songti SC", "STSong", "Noto Serif SC", "SimSun", Georgia, serif;
}