:root {
  --bg-0: #080608;
  --bg-1: #0d090c;
  --bg-2: #130d11;
  --panel: rgba(25, 14, 19, 0.74);
  --panel-strong: rgba(31, 16, 22, 0.92);
  --panel-soft: rgba(255, 255, 255, 0.035);
  --ink: #fff4ec;
  --ink-soft: #d8c6c1;
  --muted: #9a8585;
  --faint: #625255;
  --line: rgba(255, 226, 212, 0.11);
  --line-strong: rgba(255, 102, 100, 0.3);
  --red: #ff404d;
  --red-deep: #cc1c31;
  --coral: #ff7a52;
  --amber: #f9c982;
  --violet: #a87cff;
  --green: #6ee7b7;
  --danger: #ff5f6d;
  --gradient-brand: linear-gradient(135deg, #ff3547 0%, #ff6b58 52%, #f7bc79 100%);
  --gradient-panel: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.012));
  --gradient-aurora: radial-gradient(circle at 22% 18%, rgba(255, 64, 77, 0.19), transparent 31%), radial-gradient(circle at 86% 16%, rgba(168, 124, 255, 0.11), transparent 28%), radial-gradient(circle at 62% 72%, rgba(255, 122, 82, 0.08), transparent 38%);
  --font-display: 'Syne', system-ui, sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
  --shell: 1240px;
  --gutter: clamp(18px, 4vw, 48px);
  --section-space: clamp(84px, 10vw, 148px);
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-xl: 40px;
  --cut: 26px;
  --shadow-panel: 0 24px 90px rgba(0, 0, 0, 0.32);
  --shadow-glow: 0 0 60px rgba(255, 64, 77, 0.16);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --header-height: 84px;
}

html[data-motion='reduced'] *,
html[data-motion='reduced'] *::before,
html[data-motion='reduced'] *::after {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  scroll-behavior: auto !important;
  transition-duration: 0.001ms !important;
}