/**
 * SNAP COMMERCE Design Tokens & CSS Variables
 * 더에스엠씨 다크 네이비 + 코랄 듀얼 컬러 시스템
 */
:root {
  /* Colors */
  --bg-primary: #0A1120;
  --bg-secondary: #0F1A2E;
  --bg-tertiary: #152238;
  --bg-card: rgba(15, 26, 46, 0.75);
  --bg-card-hover: rgba(21, 34, 56, 0.95);
  --bg-glass: rgba(10, 17, 32, 0.85);

  --coral-primary: #FF5A3C;
  --coral-hover: #FF7258;
  --coral-light: #FFA191;
  --coral-glow: rgba(255, 90, 60, 0.35);
  --coral-subtle: rgba(255, 90, 60, 0.12);

  --accent-cyan: #00E5FF;
  --accent-cyan-glow: rgba(0, 229, 255, 0.3);

  --text-primary: #FFFFFF;
  --text-secondary: #CBD5E1;
  --text-muted: #64748B;
  --text-dark: #0A1120;

  --border-color: rgba(255, 255, 255, 0.08);
  --border-active: rgba(255, 90, 60, 0.5);
  --border-glow: 0 0 20px rgba(255, 90, 60, 0.25);

  /* Typography */
  --font-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Syne', 'Montserrat', var(--font-sans);

  /* Spacing */
  --container-max-width: 1240px;
  --header-height: 80px;
  --section-spacing-y: 120px;
  --section-spacing-y-mobile: 80px;

  /* Transitions & Speed Motion */
  --speed-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --speed-normal: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --speed-slow: 0.8s cubic-bezier(0.16, 1, 0.3, 1);

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 9999px;
}