:root{
  /* AxenOne palette (Tokyo cyber calm) */
  --c-bg: #0b1020;          /* obsidian navy */
  --c-surface: #121a33;     /* deep slate */
  --c-surface-2: #0f1730;   /* darker pane */
  --c-text: #eef2ff;        /* porcelain */
  --c-muted: #b9c3da;       /* mist */
  --c-line: rgba(255,255,255,.10);

  --c-primary: #7CFF6B;     /* neon lime */
  --c-primary-2: #28E6D8;   /* soft cyan */
  --c-accent: #FF5F9C;      /* sakura coral */
  --c-amber: #FFD166;       /* warm amber */
  --c-ink: #0a0f1f;

  --shadow-1: 0 18px 50px rgba(0,0,0,.40);
  --shadow-2: 0 10px 28px rgba(0,0,0,.34);

  --r-lg: 18px;
  --r-xl: 26px;
  --r-pill: 999px;

  --grad-hero: radial-gradient(1200px 600px at 20% 10%, rgba(124,255,107,.20), transparent 60%),
               radial-gradient(900px 520px at 90% 30%, rgba(40,230,216,.16), transparent 55%),
               radial-gradient(800px 560px at 60% 100%, rgba(255,95,156,.12), transparent 55%);

  --grad-card: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  --grad-edge: linear-gradient(90deg, rgba(124,255,107,.35), rgba(40,230,216,.25), rgba(255,95,156,.22));

  --focus: 0 0 0 3px rgba(124,255,107,.24);

  color-scheme: dark;
}

/* Bootstrap variable hints */
:root{
  --bs-body-bg: var(--c-bg);
  --bs-body-color: var(--c-text);
  --bs-primary: var(--c-primary);
}