/* ==========================================================================
   马桶年薪 (TOILET SALARY) - Design Tokens & Variables
   1:1 Pixel-Perfect Visual Design Baseline
   ========================================================================== */

:root {
  /* Brand Palette */
  --color-brand-lime: #CEFD36;
  --color-brand-lime-hover: #bde827;
  --color-brand-lime-tint: #EFFDBF;
  --color-brand-lime-subtle: #F6FEDC;
  --color-brand-lime-dark: #A5D213;

  /* Neutrals & Dark Tones */
  --color-dark-primary: #111111;
  --color-dark-secondary: #1F1F1F;
  --color-dark-surface: #242424;
  --color-text-main: #0D0D0D;
  --color-text-secondary: #666666;
  --color-text-tertiary: #999999;
  --color-text-muted: #B3B3B3;
  --color-text-white: #FFFFFF;

  /* Backgrounds & Cards */
  --color-bg-page: #FBFBF9;
  --color-bg-white: #FFFFFF;
  --color-bg-pill: #F0F2F5;
  --color-bg-pill-hover: #E4E7EB;
  --color-card-border: rgba(0, 0, 0, 0.04);
  --color-card-border-focus: rgba(206, 253, 54, 0.6);
  --color-divider: #F0F0F0;

  /* Functional Accents */
  --color-accent-green: #34C759;
  --color-accent-red: #FF3B30;
  --color-accent-gold: #FFC700;
  --color-accent-gold-dark: #D48806;
  --color-accent-gold-bg: #FFFBE6;

  /* Typography */
  --font-family-base: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-family-hand: "Comic Sans MS", "Chalkboard SE", "Caveat", cursive, sans-serif;
  --font-family-mono: "SF Mono", Menlo, Monaco, Consolas, monospace;

  /* Font Sizes */
  --font-size-hero: 44px;
  --font-size-timer: 60px;
  --font-size-title-1: 30px;
  --font-size-title-2: 24px;
  --font-size-title-3: 20px;
  --font-size-subtitle: 17px;
  --font-size-body: 15px;
  --font-size-callout: 14px;
  --font-size-footnote: 13px;
  --font-size-caption: 12px;

  /* Border Radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 30px;
  --radius-pill: 9999px;

  /* Shadows */
  --shadow-subtle: 0 2px 10px rgba(0, 0, 0, 0.02);
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.03);
  --shadow-card-elevated: 0 10px 30px rgba(0, 0, 0, 0.06);
  --shadow-float: 0 16px 40px rgba(0, 0, 0, 0.12);
  --shadow-button: 0 4px 14px rgba(0, 0, 0, 0.15);

  /* Device Metrics (iPhone 15 Pro standard screen) */
  --device-width: 393px;
  --device-height: 852px;
  --device-aspect-ratio: 393 / 852;
  --status-bar-height: 54px;
  --home-bar-height: 34px;
  --tab-bar-height: 72px;

  /* Transitions */
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-bounce: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}