/* ============================================================
   FIGHT CLUB TLV — EFFECTS: RADII, BORDERS, SHADOWS, MOTION
   ------------------------------------------------------------
   Sharp and tough, not soft. Tight radii. Shadows are deep and
   black (we live in a dark room). Red glow is the only "light".
   ============================================================ */

:root {
  /* ---- Corner radii (sharp = tough) ---- */
  --r-none:  0;      /* @kind radius */
  --r-xs:    2px;    /* @kind radius */
  --r-sm:    4px;    /* @kind radius */
  --r-md:    6px;    /* @kind radius */
  --r-lg:    10px;   /* @kind radius */
  --r-xl:    16px;   /* @kind radius */
  --r-pill:  999px;  /* @kind radius */

  /* ---- Border widths ---- */
  --bw-hair:   1px;   /* @kind spacing */
  --bw-thick:  2px;   /* @kind spacing */
  --bw-accent: 3px;   /* @kind spacing */

  /* ---- Shadows (deep black, low light) ---- */
  --shadow-sm:   0 1px 2px rgba(0,0,0,0.5);     /* @kind shadow */
  --shadow-md:   0 6px 20px rgba(0,0,0,0.5);    /* @kind shadow */
  --shadow-lg:   0 18px 48px rgba(0,0,0,0.6);   /* @kind shadow */
  --shadow-xl:   0 32px 80px rgba(0,0,0,0.7);   /* @kind shadow */
  --shadow-inset-top: inset 0 1px 0 rgba(246,246,244,0.05); /* @kind shadow */

  /* ---- Red heat / glow (use sparingly — the punch landed) ---- */
  --glow-red-sm: 0 0 0 1px rgba(224,26,34,0.4), 0 4px 18px rgba(224,26,34,0.28); /* @kind shadow */
  --glow-red-md: 0 8px 30px rgba(224,26,34,0.38);  /* @kind shadow */
  --glow-focus:  0 0 0 3px rgba(255,58,51,0.45);   /* @kind shadow */

  /* ---- Overlays / protection gradients (text over photography) ---- */
  --scrim-bottom: linear-gradient(to top, rgba(10,10,11,0.94) 0%, rgba(10,10,11,0.65) 38%, rgba(10,10,11,0) 100%);        /* @kind other */
  --scrim-full:   linear-gradient(180deg, rgba(10,10,11,0.55) 0%, rgba(10,10,11,0.35) 45%, rgba(10,10,11,0.85) 100%);     /* @kind other */
  --scrim-side:   linear-gradient(to left, rgba(10,10,11,0.92) 0%, rgba(10,10,11,0.5) 55%, rgba(10,10,11,0) 100%);        /* @kind other */

  /* ---- Film grain / texture wash (subtle, premium) ---- */
  --grain-opacity: 0.04;  /* @kind other */

  /* ---- 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-punch:  cubic-bezier(0.2, 0.9, 0.1, 1.0);  /* @kind other */
  --dur-fast:    120ms;   /* @kind other */
  --dur-base:    220ms;   /* @kind other */
  --dur-slow:    400ms;   /* @kind other */
}