/* ─── TGH Sales — Shadow Tokens ────────────────────────────────────────── */

:root {

  /* ── Elevation Scale ────────────────────────────────────────────────────── */
  --shadow-xs:
    0 1px 2px 0 rgba(16, 16, 16, 0.05);

  --shadow-sm:
    0 1px 3px 0 rgba(16, 16, 16, 0.08),
    0 1px 2px -1px rgba(16, 16, 16, 0.04);

  --shadow-md:
    0 4px 6px -1px rgba(16, 16, 16, 0.08),
    0 2px 4px -2px rgba(16, 16, 16, 0.04);

  --shadow-lg:
    0 10px 15px -3px rgba(16, 16, 16, 0.08),
    0 4px 6px -4px rgba(16, 16, 16, 0.04);

  --shadow-xl:
    0 20px 25px -5px rgba(16, 16, 16, 0.10),
    0 8px 10px -6px rgba(16, 16, 16, 0.05);

  --shadow-2xl:
    0 25px 50px -12px rgba(16, 16, 16, 0.18);

  /* ── Inset / Inner ──────────────────────────────────────────────────────── */
  --shadow-inner:
    inset 0 2px 4px 0 rgba(16, 16, 16, 0.06);

  /* ── Accent Glow (red) ──────────────────────────────────────────────────── */
  --shadow-red-sm:
    0 2px 8px rgba(192, 0, 0, 0.20);

  --shadow-red:
    0 4px 14px rgba(192, 0, 0, 0.28);

  --shadow-red-lg:
    0 8px 24px rgba(192, 0, 0, 0.32);

  /* ── Focus Ring ─────────────────────────────────────────────────────────── */
  --shadow-focus:
    0 0 0 3px rgba(192, 0, 0, 0.22);

  --shadow-focus-inset:
    inset 0 0 0 2px rgba(192, 0, 0, 0.40);
}