/* =====================================================
   LIDORA STUDIO — DESIGN SYSTEM
   ===================================================== */

:root {
  --google-green:    #48F08B;
  --google-blue:     #5E9BFF;
  --google-purple:   #7182FF;
  --magenta-bright:  #F267EB;
  --pink-light:      #FFBDF9;
  --yellow-warm:     #FFE28D;
  --blue-light:      #CCDCFF;

  --black:           #000000;
  --near-black:      #1A1A1A;
  --charcoal:        #323232;
  --gray-medium:     #4E4E4E;
  --white:           #FFFFFF;
  --cream-beige:     #F3EFEA;
  --cream-tan:       #E8DFD5;
  --cream-dark:      #DDD3C7;

  --shadow-1: 0px 2px 8px rgba(0,0,0,0.06);
  --shadow-2: 0px 4px 20px rgba(0,0,0,0.08);
  --shadow-3: 0px 8px 32px rgba(0,0,0,0.12);
  --shadow-4: 0px 12px 48px rgba(0,0,0,0.16);

  --font-primary: 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --r-pill: 9999px;
  --r-card: 26px;
  --r-tile: 16px;
  --r-sm:   8px;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { cursor: pointer; border: none; background: none; }

body {
  font-family: var(--font-primary);
  background: var(--near-black);
  color: var(--white);
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}

/* ==================== SCROLL — ONE CONTINUOUS FLOW ==================== */
.snap-container {
  height: 100vh;
  height: 100dvh;
  overflow-y: scroll;
  scroll-snap-type: none;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

.slide {
  width: 100vw;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Full-height slides */
.slide-full {
  height: 100vh;
  height: 100dvh;
}