/* ============================================================
   Design tokens — Madder v Ramsey (parent of DocketDrift)
   ------------------------------------------------------------
   Single theming surface. Override these in a sister-site
   stylesheet and the rest of the design system follows:
   color, spacing, radius, shadows, transitions.

   Load BEFORE core.css. DocketDrift should ship its own
   tokens.css with the same variable names and different values.
   ============================================================ */

:root {
  /* ─── Surface colors ─────────────────────────────────────── */
  --bg-deep:        #050505;
  --bg-panel:       rgba(10, 0, 15, 0.85);
  --bg-tile:        rgba(20, 0, 30, 0.6);
  --bg-tile-hover:  rgba(30, 0, 50, 0.85);

  /* ─── Role-taxonomy palette ──────────────────────────────── */
  --neon-pink:    #ff2bb3;  /* judicial bucket */
  --neon-cyan:    #26ffe6;  /* court-admin bucket + links + focus */
  --neon-amber:   #ffbf00;  /* attorney bucket */
  --neon-violet:  #a95eff;  /* institution bucket + borders */
  --neon-lime:    #5fc944;  /* law-enforcement bucket */
  --hazard-red:   #ff4d4d;  /* adverse-party bucket (off-palette) */

  /* ─── Text colors ────────────────────────────────────────── */
  --text-primary: #e6e3ec;
  --text-dim:     #948ca1;

  /* ─── Borders ────────────────────────────────────────────── */
  --border-sharp: 1px solid rgba(169, 94, 255, 0.45);
  --border-soft:  1px solid rgba(169, 94, 255, 0.18);

  /* ─── Shadows / glows ────────────────────────────────────── */
  --shadow-glow-pink:   0 0 6px rgba(255, 43, 179, 0.45);
  --shadow-glow-cyan:   0 0 6px rgba(38, 255, 230, 0.45);
  --shadow-glow-lime:   0 0 6px rgba(95, 201, 68, 0.5);
  --shadow-glow-hazard: 0 0 6px rgba(255, 77, 77, 0.5);
  --shadow-card:        0 2px 14px rgba(0, 0, 0, 0.5);
  --shadow-card-hover:  0 6px 22px rgba(38, 255, 230, 0.18);

  /* ─── Layout ─────────────────────────────────────────────── */
  --max-width:  1400px;
  --sidebar-w:  280px;
  --gap:        1.5rem;
  --radius:     8px;
  --radius-sm:  4px;

  /* ─── Interaction ────────────────────────────────────────── */
  --focus-ring: 0 0 0 2px var(--bg-deep), 0 0 0 4px var(--neon-cyan);
  --transition: 0.2s ease;
}

/* Optional clean reading mode hook (pages opt-in via body class) */
body.clean-feed {
  --backdrop-blur: 0px;
  --animation-speed: 0s;
  text-shadow: none !important;
}