/* variables.css — all CSS custom properties */

:root {
  /* Colors */
  --color-bg: #0a0a0a;
  --color-bg-raised: #111111;
  --color-bg-subtle: #1a1a1a;
  --color-text: #ffffff;
  --color-text-muted: #888888;
  --color-accent: #c8a96e;
  --color-accent-dim: #a88a50;
  --color-border: rgba(200, 169, 110, 0.15);

  /* Typography */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Inter', system-ui, sans-serif;

  /* Spacing scale */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 5rem;
  --space-4xl: 8rem;

  /* Container */
  --container-max: 1280px;
  --container-padding: 1.5rem;

  /* Nav — mobile default */
  --nav-height: 80px;

  /* Transitions */
  --transition-base: 300ms ease;
  --transition-slow: 600ms cubic-bezier(0.22, 1, 0.36, 1);

  /* Z-index layers */
  --z-base: 1;
  --z-raised: 10;
  --z-nav: 100;
  --z-lightbox: 9999;
}

/* Desktop nav height override */
@media (min-width: 768px) {
  :root {
    --nav-height: 140px;
  }
}