:root {

  --gpx-bg: #161826;
  --gpx-bg-deep: #0f1120;
  --gpx-surface: #181a2a;
  --gpx-surface-2: #1b1d2d;
  --gpx-surface-3: #1c1e2e;
  --gpx-header: rgba(20, 22, 34, 0.86);


  --gpx-text: #e9e9ed;
  --gpx-text-strong: #f1eefb;
  --gpx-text-lead: #b9bac9;
  --gpx-text-muted: #a5a6b6;
  --gpx-text-soft: #9b9cae;
  --gpx-text-dim: #8f90a3;
  --gpx-text-faint: #83849a;


  --gpx-ink-30: #7d7e93;
  --gpx-ink-20: #6f7089;
  --gpx-ink-10: #5e5f77;


  --gpx-accent: #9184d9;
  --gpx-accent-soft: #c7bff0;
  --gpx-accent-link: #b6acea;
  --gpx-accent-link-hover: #d3ccf3;
  --gpx-accent-glow: rgba(145, 132, 217, 0.9);
  --gpx-accent-wash: rgba(145, 132, 217, 0.1);


  --gpx-brand: #9b6df3;


  --gpx-gold: #f59e0b;
  --gpx-gold-text: #f5b942;
  --gpx-gold-on: #fdf3e1;
  --gpx-gold-glow: rgba(245, 158, 11, 0.8);


  --gpx-line: rgba(233, 233, 237, 0.1);
  --gpx-line-soft: rgba(233, 233, 237, 0.08);
  --gpx-line-hair: rgba(233, 233, 237, 0.06);
  --gpx-line-strong: rgba(233, 233, 237, 0.14);
  --gpx-line-field: rgba(233, 233, 237, 0.13);
  --gpx-line-cell: rgba(233, 233, 237, 0.09);


  --gpx-radius-sm: 6px;
  --gpx-radius: 8px;
  --gpx-radius-md: 10px;
  --gpx-radius-lg: 14px;
  --gpx-radius-pill: 99px;


  --gpx-shell: min(1280px, 100% - 64px);
  --gpx-shell-narrow: min(1120px, 100% - 64px);


  --gpx-font: Inter, system-ui, sans-serif;
  --gpx-font-brand: Archivo, sans-serif;
  --gpx-font-tagline: 'Space Grotesk', sans-serif;
  --gpx-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;


  --gpx-lift: 0 24px 60px -30px rgba(0, 0, 0, 0.9);
  --gpx-lift-sm: 0 12px 30px -16px rgba(0, 0, 0, 0.85);
  --gpx-glow-accent: 0 14px 34px -16px rgba(145, 132, 217, 0.9);
  --gpx-glow-gold: 0 14px 34px -16px rgba(245, 158, 11, 0.8);


  --primary: #6b46c1;
  --primary-dark: #5b3aa1;
  --primary-light: #7c3aed;
  --primary-text: #9b6df3;
  --gold: #f59e0b;
  --dark: #161826;
  --dark-secondary: #181a2a;
  --gray: #b0b8c4;
  --gray-light: #e5e7eb;


  --nav-height: 7.4rem;
}