/* Aurora + Apple-inspired web: quiet content, luminous accents, functional glass. */
@font-face {
  font-family: Outfit;
  src: url('/fonts/outfit-latin-200-500.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 500;
  font-display: swap;
}
:root {
  --aurora-font: Outfit, system-ui, sans-serif;
  --aurora-brand: 109, 74, 255;
  --aurora-ink-rgb: 29, 29, 35;
  --aurora-ink: #1d1d23;
  --aurora-muted: #62616d;
  --aurora-canvas: #f7f7fa;
  --aurora-surface: #ffffff;
  --aurora-glass: rgba(250, 250, 253, .88);
  --aurora-edge: 1px solid rgba(var(--aurora-ink-rgb), .07);
  --aurora-separator: rgba(var(--aurora-ink-rgb), .12);
  --aurora-control: #eeebf7;
  --aurora-link: #4b2fc7;
  --aurora-action: linear-gradient(145deg, #6d4aff, #573bd0);
  --aurora-shadow: 0 12px 36px -24px rgba(var(--aurora-ink-rgb), .20);
  --aurora-float: 0 24px 64px -30px rgba(var(--aurora-ink-rgb), .28);
  --aurora-glow: 0 4px 12px -5px rgba(var(--aurora-brand), .32);
  --aurora-radius: 22px;
  --aurora-field: 12px;
  --aurora-pill: 9999px;
  --aurora-icon: 16px;
  --aurora-title: clamp(2rem, 1.6rem + 2vw, 2.75rem);
  --aurora-section: 1.375rem;
  --aurora-display: clamp(2.625rem, 1.25rem + 5.5vw, 5rem);
  --aurora-heading: clamp(2rem, 1.2rem + 2.4vw, 3rem);
  --aurora-copy: 1.0625rem;
  --aurora-ui: .9375rem;
  --aurora-page-space: clamp(32px, 5vw, 64px);
  --aurora-section-space: clamp(56px, 8vw, 104px);
  --aurora-card-space: clamp(20px, 2.6vw, 32px);
  --aurora-modal-space: 32px;
  --aurora-time: 200ms;
  --aurora-ease-out: cubic-bezier(.22, 1, .36, 1);
  --aurora-enter-time: 800ms;
  --aurora-reveal-time: 650ms;
  --aurora-float-time: 6s;
  --aurora-atmosphere-time: 14s;
  --aurora-card-lift: -4px;
  --aurora-button-lift: -1px;
  --aurora-blur: saturate(140%) blur(20px);
  --ink: var(--aurora-ink);
  --ink-soft: var(--aurora-muted);
  --soft: var(--aurora-muted);
  --muted: var(--aurora-muted);
  --canvas: var(--aurora-canvas);
  --background: var(--aurora-canvas);
  --shadow: var(--aurora-shadow);
  --radius: var(--aurora-radius);
}