/* ============================================
   DESIGN TOKENS
   Gallery Portfolio — Dark Cinematic Theme
   ============================================ */

:root {
  /* ---- Colors ---- */
  --color-void: #050506;
  --color-wall: #0a0a0c;
  --color-surface: #141418;
  --color-frame: #1e1e24;

  --color-text-primary: #e8e4df;
  --color-text-muted: #6b6560;
  --color-text-accent: #c9b99a;
  --color-text-dim: #3a3632;

  --color-glow-warm: rgba(255, 200, 120, 0.12);
  --color-glow-cool: rgba(180, 200, 255, 0.08);
  --color-spot: #d4a853;

  /* Per-room atmosphere (overridden via data-atmosphere attribute) */
  --room-glow: rgba(255, 200, 120, 0.12);
  --room-particle: #ffeedd;

  /* ---- Typography ---- */
  --font-display: 'Cormorant Garamond', 'Georgia', serif;
  --font-body: 'Raleway', 'Helvetica Neue', sans-serif;

  --font-size-hero: clamp(3rem, 8vw, 7rem);
  --font-size-room-title: clamp(1.8rem, 4vw, 3rem);
  --font-size-section-title: clamp(1.2rem, 2.5vw, 1.8rem);
  --font-size-artwork-title: clamp(0.9rem, 1.5vw, 1.1rem);
  --font-size-body: clamp(0.85rem, 1.2vw, 1rem);
  --font-size-small: clamp(0.7rem, 1vw, 0.85rem);

  --letter-spacing-wide: 0.3em;
  --letter-spacing-normal: 0.05em;
  --letter-spacing-tight: 0.01em;

  --line-height-display: 1.1;
  --line-height-body: 1.7;

  /* ---- Spacing ---- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 10rem;

  /* ---- Timing / Easing ---- */
  --duration-fast: 200ms;
  --duration-normal: 400ms;
  --duration-slow: 700ms;
  --duration-dramatic: 1200ms;

  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-gentle: cubic-bezier(0.25, 0.1, 0.25, 1);

  /* ---- Layout ---- */
  --content-max-width: 1400px;
  --viewer-artwork-ratio: 0.65;
  --viewer-info-ratio: 0.35;

  /* ---- Room geometry ---- */
  /* Floor height — matches .room__floor height at each breakpoint.           */
  /* Used by parallax doors/windows to snap their bottom to the baseboard     */
  /* regardless of viewport size (floor shrinks at small breakpoints).        */
  --floor-h: 25vh;

  /* ---- Z-index layers ---- */
  --z-particles: 1;
  --z-content: 10;
  --z-nav: 100;
  --z-viewer: 500;
  --z-audio-player: 600;
  --z-vignette: 9998;
}