/* Synaptic Impact – design tokens (Phase D + E)
   Single source of truth for colors, spacing and legacy aliases. */
:root {
  /* Core palette */
  --si-bg: #050711;
  --si-page-bg: #050711;
  --si-panel: #0a0d19;
  --si-panel2: #0d1020;
  --si-ink: #f6f2ff;
  --si-muted: #c9bfd8;
  --si-muted-soft: #a99fbd;
  --si-line: rgba(255, 255, 255, .12);
  --si-line2: rgba(168, 99, 255, .32);
  --si-line-neon: rgba(255, 43, 214, .42);
  --si-violet: #9b5cff;
  --si-purple: #9b5cff;
  --si-pink: #ff2bd6;
  --si-cyan: #64eaff;
  --si-lime: #b8ff4a;
  --si-orange: #ff8a00;

  /* Slime header transition (from preview/slime-settings.json) */
  --si-slime-speed-factor: 4;
  --si-slime-drip-glow: 1.35;
  --si-slime-drip-slim-x: 0.64;
  --si-slime-edge-speed: 4.5s;
  --si-shadow: 0 28px 80px rgba(0, 0, 0, .52);

  /* Gallery / music legacy palette */
  --si-gallery-ink: #fff7ff;
  --si-gallery-muted: #d9c7ff;
  --si-gallery-dark: #080414;
  --si-gallery-glass: rgba(8, 4, 20, .58);
  --si-gallery-border: rgba(255, 255, 255, .24);
  --si-gallery-shadow: 0 30px 90px rgba(0, 0, 0, .6);

  /* Monster / welcome accents */
  --monster-bg: #03030a;
  --monster-pink: #ff2bbf;
  --monster-green: #95ff00;
  --monster-orange: #ff8a00;
  --monster-purple: #7b2cff;

  /* Surfaces */
  --si-card: rgba(5, 7, 17, .58);
  --si-card-strong: rgba(5, 7, 17, .72);
  --si-card-bg: rgba(5, 7, 17, .965);
  --si-card-border: rgba(255, 255, 255, .12);

  /* Buttons */
  --si-btn-height: 36px;
  --si-btn-border: rgba(155, 92, 255, .85);
  --si-btn-bg: rgba(5, 7, 17, .92);
  --si-btn-text: #ead7ff;
  --si-container: min(1200px, calc(100% - 48px));
}

/* Legacy aliases used across older CSS blocks */
:root {
  --bg: var(--si-bg);
  --ink: var(--si-ink);
  --muted: var(--si-muted-soft);
  --violet: var(--si-violet);
  --pink: var(--si-pink);
  --cyan: var(--si-cyan);
  --lime: var(--si-lime);
  --shadow: var(--si-shadow);
  --line: var(--si-line);
  --line2: var(--si-line2);
  --panel: var(--si-panel);
  --panel2: var(--si-panel2);
  --dark: var(--si-gallery-dark);
  --glass: var(--si-gallery-glass);
  --border: var(--si-gallery-border);
}