:root {
  /* Backgrounds — layered depth system */
  --bg0: #07070F;
  --bg1: #0D0D1A;
  --bg2: #12121F;
  --bg3: #1A1A2E;
  --bg4: #22223A;

  /* Glass morphism cards */
  --glass: rgba(255, 255, 255, 0.038);
  --glass-hover: rgba(255, 255, 255, 0.065);
  --glass-border: rgba(255, 255, 255, 0.07);
  --glass-border-accent: rgba(124, 58, 237, 0.35);

  /* Accent — violet to cyan gradient */
  --violet: #7C3AED;
  --violet-light: #A78BFA;
  --cyan: #22D3EE;
  --gradient: linear-gradient(135deg, #7C3AED, #22D3EE);
  --gradient-text: linear-gradient(135deg, #C084FC, #22D3EE);

  /* Status colours */
  --hot: #F97316;
  --success: #10B981;
  --warning: #F59E0B;
  --danger: #EF4444;

  /* Text hierarchy */
  --text-1: #F1F0FF;
  --text-2: #B8B5D4;
  --text-3: #6B6887;
  --text-4: #3D3A5C;

  /* Border radius */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-full: 9999px;

  /* Fonts */
  --font-display: 'Syne', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Transitions */
  --ease-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --ease-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --ease-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
}