/**
 * Cinewed Photography - Design Tokens & Variables
 * Luxury Editorial Aesthetic - Full Width Desktop & Fluid Mobile
 */
:root {
  /* Color Palette - Dark Luxury */
  --bg-primary: #090909;
  --bg-secondary: #111111;
  --bg-surface: #181818;
  --bg-card: #141414;
  --bg-glass: rgba(9, 9, 9, 0.86);
  --bg-overlay: rgba(9, 9, 9, 0.65);
  --bg-overlay-deep: rgba(9, 9, 9, 0.88);

  /* Typography Colors */
  --text-ivory: #F3EEE6;
  --text-muted: #A8A39D;
  --text-subtle: #6A6763;
  --text-dark: #090909;

  /* Gold & Champagne Accents (Refined, never loud) */
  --accent-gold: #D8C6A6;
  --accent-gold-hover: #E8DBC3;
  --accent-gold-dark: #A88B5A;
  --accent-gold-glow: rgba(216, 198, 166, 0.25);
  --accent-burgundy: #4A1F28;

  /* Borders & Dividers */
  --border-gold: rgba(216, 198, 166, 0.2);
  --border-subtle: rgba(243, 238, 230, 0.1);
  --border-strong: rgba(216, 198, 166, 0.4);

  /* Typography Scales */
  --font-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-sans: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Spacing Scale - Full Width Luxury */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 9rem;
  --container-max: 1840px; /* Full Width Desktop */
  --container-pad: clamp(1.25rem, 4.5vw, 5.5rem);

  /* Transitions */
  --ease-cinematic: cubic-bezier(0.25, 1, 0.35, 1);
  --ease-slow: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.25s ease;
  --transition-normal: 0.45s var(--ease-cinematic);
  --transition-slow: 0.85s var(--ease-cinematic);

  /* Z-Index Hierarchy */
  --z-grain: 90;
  --z-header: 100;
  --z-cursor: 999;
  --z-modal: 1000;
  --z-toast: 1001;
}