:root {
  /* Accent Colors */
  --c-hero:    #C084FC;
  --c-upload:  #818CF8;
  --c-how:     #F59E0B;
  --c-gallery: #34D399;
  --c-const:   #818CF8;
  --c-cta:     #C084FC;

  /* Backgrounds */
  --bg-base:   #050812;
  --bg-dark:   #0D0D22;
  --bg-card:   #0D1526;

  /* Text */
  --t-primary: #FFFFFF;
  --t-muted:   #A1A1AA;
  --t-mono:    rgba(255,255,255,0.37);

  /* Fonts */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Inter', sans-serif;
  --font-mono:    'Geist Mono', 'Courier New', monospace;

  /* Timing */
  --dur-fast: 400ms;
  --dur-mid:  700ms;
  --dur-slow: 900ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: auto; } /* Lenis가 제어 */
body {
  background: var(--bg-base);
  color: var(--t-primary);
  font-family: var(--font-body);
  overflow-x: hidden;
  line-height: 1.6;
}
img { display: block; width: 100%; object-fit: cover; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }
a { text-decoration: none; color: inherit; }
svg { display: block; }