@import url("https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;500;600;700;800&display=swap");

:root {
  --color-void: #0d0a12;
  --color-void-deep: #050408;
  --color-void-soft: #171020;
  --color-prune: #4a2c6e;
  --color-prune-bright: #7d45b5;
  --color-champagne: #c9a84c;
  --color-champagne-soft: #e2ca78;
  --color-ivory: #f5f0e6;
  --color-muted: #b8afbe;
  --color-ink: #141018;
  --color-line: rgba(245, 240, 230, 0.14);
  --color-line-strong: rgba(201, 168, 76, 0.42);
  --color-panel: rgba(255, 255, 255, 0.055);
  --color-panel-strong: rgba(255, 255, 255, 0.09);

  --font-display: "Assistant", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Assistant", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --radius-card: 8px;
  --radius-control: 6px;
  --radius-full: 999px;

  --shadow-premium: 0 24px 80px rgba(0, 0, 0, 0.42);
  --shadow-gold: 0 0 42px rgba(201, 168, 76, 0.16);

  --space-xs: 0.5rem;
  --space-sm: 0.875rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --space-2xl: 7rem;

  --layout-page: none;
  --layout-wide: none;
  --layout-gutter: clamp(24px, 4vw, 120px);

  --ease-cinematic: cubic-bezier(0.19, 1, 0.22, 1);
  --duration-fast: 180ms;
  --duration-reveal: 800ms;
}
