/* ===========================================================================
   siriusly.ai - Shadow & elevation tokens (dark theme)
   Deep, near-black and layered so they read on dark surfaces.

   NOTE: the design system still carries the pre-pivot GREEN rgba in its glow
   and focus tokens while the primary is Signal Orange. Reproduced here in
   orange so the focus ring matches the brand it rings - see the handoff note.
   =========================================================================== */
:root {
  /* Deeper shadows read on dark surfaces */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.30);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.40), 0 1px 2px rgba(0, 0, 0, 0.30);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.45), 0 2px 4px rgba(0, 0, 0, 0.30);
  --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.55), 0 4px 8px rgba(0, 0, 0, 0.35);
  --shadow-xl: 0 24px 56px rgba(0, 0, 0, 0.65), 0 8px 16px rgba(0, 0, 0, 0.40);

  /* Brand glow - hero CTAs, active tiles */
  --shadow-brand: 0 8px 24px rgba(208, 126, 69, 0.38);
  --shadow-accent: 0 8px 24px rgba(244, 183, 46, 0.35);

  /* Focus ring */
  --ring-focus: 0 0 0 3px rgba(208, 126, 69, 0.38);
  --ring-danger: 0 0 0 3px rgba(255, 90, 77, 0.40);
}