@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Outfit:wght@300;400;500&display=swap');

@import 'base.css';
@import 'nav.css';
@import 'hero.css';
@import 'gallery.css';
@import 'about.css';
@import 'order.css';
@import 'animations.css';
@import 'lightbox.css';

:root {
  --void: #030308;
  --deep-1: #080614;
  --deep-2: #100c1e;
  --surface: #160e2a;

  --violet: #8b5cf6;
  --violet-soft: #a78bfa;
  --fuchsia: #e879f9;
  --fuchsia-soft: #f0abfc;
  --turquoise: #22d3ee;
  --ultramarine: #60a5fa;
  --orange: #fb923c;
  --gold: #fbbf24;

  --text: #ede9fe;
  --text-muted: rgba(237,233,254,0.5);
  --text-dim: rgba(237,233,254,0.2);

  --glow-v: 0 0 60px rgba(139,92,246,0.25);
  --glow-f: 0 0 60px rgba(232,121,249,0.3);
  --glow-t: 0 0 40px rgba(34,211,238,0.2);

  --nav-h: 72px;
  --max-w: 1280px;
  --pad: clamp(1.5rem, 5vw, 4rem);
  --ease: cubic-bezier(0.4,0,0.2,1);
  --ease-out: cubic-bezier(0,0,0.2,1);
  --dur: 0.4s;
}