:root {
  --bg-0:  oklch(14.1% .005 285.823);;
  --bg-body: var(--bg-0);

  --text-0: rgba(255, 255, 255, 0.98);
  --text-1: rgba(255, 255, 255, 0.78);
  --text-2: rgba(255, 255, 255, 0.6);

  --text-primary: var(--text-0);
  --text-secondary: var(--text-1);
  --text-tertiary: var(--text-2);

  --accent-primary: #ff6a2b;
  --accent-secondary: #ffb020;
  --accent-gradient: linear-gradient(135deg, #ff6a2b 0%, #ffb020 55%, #ffe0b6 100%);

  --glass-blur: 18px;
  --glass-border: rgba(255, 255, 255, 0.18);
  --glass-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
  --glass-inset: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  --glass-surface: linear-gradient(180deg, rgb(255 255 255 / 2%), rgb(0 0 0 / 0%));
  --glass-surface-soft: rgba(255, 255, 255, 0.06);
  --profile-surface-bg: rgba(255, 255, 255, 0.04);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 10px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --container-width: 1100px;
  --header-height: 80px;

  --btn-radius: var(--radius-sm);
  --btn-font-size: 0.95rem;
  --btn-font-weight: 600;

  --focus-ring: rgba(255, 106, 43, 0.4);
  --focus-ring-contrast: rgba(255, 255, 255, 0.6);

  --font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;
  --font-display: "Syne", var(--font-sans);
}