/* ─────────────────────────────────────────────────────────
   Coplan Design System v2 — Shadow Tokens
   Blue-tinted elevation · Colored button glows · Double focus rings
   ───────────────────────────────────────────────────────── */

:root {
  /* ── Elevation ─────────────────────────────────────────── */
  --shadow-xs:  0 1px 2px rgba(10, 24, 60, 0.06);
  --shadow-sm:  0 1px 4px rgba(10, 24, 60, 0.08), 0 1px 2px rgba(10, 24, 60, 0.04);
  --shadow-md:  0 4px 12px rgba(10, 24, 60, 0.10), 0 2px 4px rgba(10, 24, 60, 0.06);
  --shadow-lg:  0 8px 24px rgba(10, 24, 60, 0.12), 0 4px 8px rgba(10, 24, 60, 0.05);
  --shadow-xl:  0 16px 40px rgba(10, 24, 60, 0.14), 0 8px 16px rgba(10, 24, 60, 0.06);
  --shadow-2xl: 0 24px 60px rgba(10, 24, 60, 0.18), 0 12px 24px rgba(10, 24, 60, 0.08);

  /* ── Card ──────────────────────────────────────────────── */
  --shadow-card:       0 2px 8px rgba(31, 73, 147, 0.08), 0 0 0 1px rgba(31, 73, 147, 0.08);
  --shadow-card-hover: 0 8px 28px rgba(31, 73, 147, 0.15), 0 0 0 1px rgba(31, 73, 147, 0.16);

  /* ── Button Glows ──────────────────────────────────────── */
  --shadow-btn-primary:       0 2px 8px rgba(31, 73, 147, 0.38), 0 1px 2px rgba(31, 73, 147, 0.20);
  --shadow-btn-primary-hover: 0 6px 20px rgba(31, 73, 147, 0.50), 0 2px 4px rgba(31, 73, 147, 0.20);
  --shadow-btn-accent:        0 2px 8px rgba(98, 188, 81, 0.38),  0 1px 2px rgba(98, 188, 81, 0.20);
  --shadow-btn-accent-hover:  0 6px 20px rgba(98, 188, 81, 0.50),  0 2px 4px rgba(98, 188, 81, 0.20);
  --shadow-btn-danger:        0 2px 8px rgba(220, 38, 38, 0.30),  0 1px 2px rgba(220, 38, 38, 0.15);
  --shadow-btn-danger-hover:  0 6px 16px rgba(220, 38, 38, 0.40), 0 2px 4px rgba(220, 38, 38, 0.15);

  /* ── Focus Rings ───────────────────────────────────────── */
  --shadow-focus-accent:  0 0 0 2px var(--color-background, #F5F7FF), 0 0 0 4px rgba(98, 188, 81, 0.55);
  --shadow-focus-primary: 0 0 0 2px var(--color-background, #F5F7FF), 0 0 0 4px rgba(31, 73, 147, 0.40);
  --shadow-focus-error:   0 0 0 2px var(--color-background, #F5F7FF), 0 0 0 4px rgba(220, 38, 38, 0.40);

  /* ── Glows ─────────────────────────────────────────────── */
  --shadow-glow-primary: 0 0 24px rgba(31, 73, 147, 0.30);
  --shadow-glow-accent:  0 0 24px rgba(98, 188, 81, 0.30);

  /* ── Modal / Overlay ───────────────────────────────────── */
  --shadow-modal: 0 24px 60px rgba(7, 20, 41, 0.30), 0 8px 20px rgba(7, 20, 41, 0.12);
}