/* ============================================================
   RANGELIGHT — Effects: glows, shadows, motion
   TEAL LAW: the teal glow is interaction-only (hover/focus) or
   a flag for a non-obvious action. Warm glow is for resting
   "lit" identity moments (the beacon, hero). Shadows are soft
   and dark — depth comes from light, not heavy drop shadows.
   ============================================================ */
:root {
  /* ---- glows ---- */
  --rl-glow-teal:   0 0 16px rgba(111,196,210,.50), 0 0 38px rgba(111,196,210,.30);
  --rl-glow-teal-sm: 0 0 10px rgba(111,196,210,.45);
  --rl-glow-amber:  0 0 18px rgba(245,165,35,.30);
  --rl-glow-amber-lg: 0 0 28px rgba(245,165,35,.35), 0 0 64px rgba(232,116,44,.18);

  /* ---- shadows (soft, dark — for raised surfaces) ---- */
  --rl-shadow-sm:  0 1px 2px rgba(0,0,0,.40);
  --rl-shadow:     0 4px 16px rgba(0,0,0,.45);
  --rl-shadow-lg:  0 12px 40px rgba(0,0,0,.55);

  /* ---- gradients ---- */
  --rl-grad-warm:  linear-gradient(90deg, var(--rl-amber), var(--rl-ember));
  --rl-grad-lamp:  linear-gradient(180deg, var(--rl-core), var(--rl-amber) 45%, var(--rl-ember));
  /* protection gradient — fade smoke up over imagery/backgrounds */
  --rl-grad-scrim: linear-gradient(180deg, rgba(14,13,12,0) 0%, rgba(14,13,12,.7) 60%, var(--rl-smoke) 100%);

  /* ---- motion ---- */
  --rl-ease:        cubic-bezier(.22,.61,.36,1); /* @kind other */
  --rl-ease-inout:  cubic-bezier(.45,0,.25,1); /* @kind other */
  --rl-dur-fast:    .18s; /* @kind other */
  --rl-dur:         .3s; /* @kind other */
  --rl-dur-slow:    .6s; /* @kind other */
  --rl-transition:  .3s cubic-bezier(.22,.61,.36,1); /* @kind other */
}