/* ============================================================
   ELEVATION / SHADOWS
   ------------------------------------------------------------
   Intentionally shallow. Borders (#eceae4) do most containment.
   The signature is the multi-layer INSET shadow on dark buttons:
   a white highlight line up top, a dark ring, a soft drop below —
   a pressed-into-surface feel, not floating-above.
   ============================================================ */

:root {
  /* Level 2 — signature inset shadow for dark / primary buttons */
  --shadow-inset:
    rgba(255, 255, 255, 0.2) 0px 0.5px 0px 0px inset,
    rgba(0, 0, 0, 0.2) 0px 0px 0px 0.5px inset,
    rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;

  /* Level 3 — soft, warm, diffused focus / active glow */
  --shadow-focus: rgba(0, 0, 0, 0.1) 0px 4px 12px;

  /* Accessibility — keyboard focus ring on inputs */
  --shadow-ring: 0 0 0 2px var(--ring-blue);
}