/* ============================================================
   BLUE OX BROOMBALL — EFFECTS: shadows, rings, motion, gradients
   Cold, crisp, low-blur shadows. Snappy athletic motion.
   ============================================================ */

:root {
  /* ---- Shadows (cool-tinted, crisp) ---- */
  --shadow-xs:  0 1px 2px rgba(10, 12, 13, 0.08);
  --shadow-sm:  0 2px 6px rgba(10, 12, 13, 0.10);
  --shadow-md:  0 6px 18px rgba(10, 12, 13, 0.12);
  --shadow-lg:  0 16px 40px rgba(10, 12, 13, 0.18);
  --shadow-xl:  0 28px 70px rgba(6, 33, 42, 0.28);

  /* Brand glow — for active/ice-lit accents on dark grounds */
  --glow-ox: 0 0 0 1px rgba(31, 176, 201, 0.45), 0 6px 24px rgba(31, 176, 201, 0.32);

  /* Inset (pressed wells, inputs) */
  --shadow-inset: inset 0 1px 2px rgba(10, 12, 13, 0.14);

  /* ---- Focus ring ---- */
  --ring: 0 0 0 3px rgba(69, 193, 214, 0.45);
  --ring-tight: 0 0 0 2px rgba(31, 176, 201, 0.6);

  /* ---- Motion ---- */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   340ms; /* @kind other */

  /* ---- Signature gradients ---- */
  /* Ice sweep — the cyan-to-mint glow seen behind the wordmark */
  --grad-ice: linear-gradient(100deg, var(--ox-400) 0%, var(--ox-200) 55%, #eaf7e9 100%);
  /* Steel — brushed aluminum shaft feel */
  --grad-steel: linear-gradient(180deg, #aeb8bd 0%, #6f7a80 50%, #485157 100%); /* @kind color */
  /* Midnight rink — deep ground for hero/dark sections */
  --grad-midnight: radial-gradient(120% 100% at 50% 0%, var(--midnight-700) 0%, var(--ink-900) 70%);
}