:root {
  --theme-bg: #0e0062;
  --theme-bg-2: #0a1422;
  --theme-surface: #0e0e1a;
  --theme-card: #0b0b15;
  --theme-cyan: #00e5ff;
  --theme-cyan-dim: #00b8cc;
  --theme-purple: #a855f7;
  --theme-purple-dim: #6b1fcf;
  --theme-text: #dce8ee;
  --theme-text-mid: #7a9aaa;
  --theme-text-dim: #3d5566;
  --theme-white: #ffffff;
  --theme-border: rgba(0, 229, 255, 0.18);
  --theme-border-dim: rgba(255, 255, 255, 0.07);
  --theme-border-hair: rgba(255, 255, 255, 0.04);
  --theme-black: #050508;

  --ff-bg: var(--theme-bg);
  --ff-bg-2: var(--theme-bg-2);
  --ff-cyan: var(--theme-cyan);
  --ff-cyan-dim: var(--theme-cyan-dim);
  --ff-purple: var(--theme-purple);
  --ff-purple-dim: var(--theme-purple-dim);
  --ff-text: var(--theme-text);
  --ff-text-dim: var(--theme-text-mid);

  --c-black: var(--theme-black);
  --c-bg: var(--theme-bg);
  --c-bg-raised: var(--theme-surface);
  --c-bg-card: var(--theme-card);
  --c-cyan: var(--theme-cyan);
  --c-cyan-soft: rgba(0, 229, 255, 0.12);
  --c-cyan-line: rgba(0, 229, 255, 0.2);
  --c-cyan-glow: rgba(0, 229, 255, 0.28);
  --c-purple: var(--theme-purple);
  --c-purple-soft: rgba(168, 85, 247, 0.1);
  --c-white: var(--theme-white);
  --c-text: var(--theme-text);
  --c-text-mid: var(--theme-text-mid);
  --c-text-dim: var(--theme-text-dim);
  --c-border: var(--theme-border);
  --c-border-dim: var(--theme-border-dim);
  --c-border-hair: var(--theme-border-hair);

  --p3-black: var(--theme-black);
  --p3-bg: var(--theme-bg);
  --p3-surface: var(--theme-surface);
  --p3-card: var(--theme-card);
  --p3-cyan: var(--theme-cyan);
  --p3-cyan-dim: rgba(0, 229, 255, 0.14);
  --p3-cyan-line: rgba(0, 229, 255, 0.22);
  --p3-cyan-glow: rgba(0, 229, 255, 0.18);
  --p3-purple: var(--theme-purple);
  --p3-purple-dim: rgba(168, 85, 247, 0.12);
  --p3-white: var(--theme-white);
  --p3-text: var(--theme-text);
  --p3-text-mid: var(--theme-text-mid);
  --p3-text-dim: var(--theme-text-dim);
  --p3-border: var(--theme-border);
  --p3-border-dim: var(--theme-border-dim);
  --p3-border-hair: var(--theme-border-hair);
}