/* UMBRA — Effects: shadows, glows, gradients, motion
   The eclipse is the master motif: radial corona glow fading to void.
   Light is emitted (glow), never cast (no soft drop shadows on light bg). */

:root {
  /* ---- Elevation: depth on black is shadow + a faint top edge of light ---- */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.6);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.7);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.8);
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,0.03);

  /* ---- Corona glows — the signature crimson emission ---- */
  --glow-crimson-sm: 0 0 12px rgba(204,0,0,0.35);
  --glow-crimson-md: 0 0 24px rgba(204,0,0,0.45);
  --glow-crimson-lg: 0 0 48px rgba(204,0,0,0.4), 0 0 12px rgba(204,0,0,0.6);
  --glow-crimson-ring: 0 0 0 1px rgba(204,0,0,0.5), 0 0 20px rgba(204,0,0,0.3);

  /* ---- Focus ring ---- */
  --focus-ring: 0 0 0 1px var(--umbra-void), 0 0 0 3px rgba(204,0,0,0.6);

  /* ---- Eclipse gradients ---- */
  /* Ambient crimson bloom (atmosphere only — NOT the logo). The eclipse MARK is
     the crescent rendered by the Logo component. No black core here so big
     hero/login glow fields read as red atmosphere, not a competing disk. */
  --eclipse-corona: radial-gradient(circle at center,
      rgba(204,0,0,0.22) 0%, rgba(136,0,0,0.12) 36%,
      rgba(136,0,0,0.04) 58%, rgba(13,13,13,0) 76%); /* @kind other */
  --gradient-void: radial-gradient(120% 120% at 50% 0%, #1A1A1A 0%, #0D0D0D 55%, #000000 100%); /* @kind other */
  --gradient-crimson: linear-gradient(180deg, #CC0000 0%, #880000 100%); /* @kind other */
  --gradient-ember-line: linear-gradient(90deg, rgba(204,0,0,0) 0%, #CC0000 50%, rgba(204,0,0,0) 100%); /* @kind other */
  --gradient-protection: linear-gradient(180deg, rgba(13,13,13,0) 0%, rgba(13,13,13,0.9) 100%); /* @kind other */

  /* ---- Motion — precise, fast, no bounce. Tense minimalism. ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in: cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
  --duration-base: 200ms; /* @kind other */
  --duration-slow: 360ms; /* @kind other */

  /* ---- Overlay scrims / blur ---- */
  --scrim: rgba(0,0,0,0.72); /* @kind color */
  --blur-panel: blur(16px); /* @kind other */
}