/* ============================================================
   MONTEITH CONSTRUCTION — EFFECTS
   Shadows are restrained and neutral (no colored glows). Motion is
   confident and quick — short durations, a firm ease, no bounce.
   Photography skews high-contrast, slightly warm, often duotoned to
   the brand red on dark sections.
   ============================================================ */

:root {
  /* --- Elevation: crisp, low-spread, neutral --- */
  --shadow-xs: 0 1px 2px rgba(18,19,22,0.06);
  --shadow-sm: 0 1px 3px rgba(18,19,22,0.08), 0 1px 2px rgba(18,19,22,0.06);
  --shadow-md: 0 4px 12px rgba(18,19,22,0.10), 0 2px 4px rgba(18,19,22,0.06);
  --shadow-lg: 0 14px 34px rgba(18,19,22,0.14), 0 4px 10px rgba(18,19,22,0.08);
  --shadow-xl: 0 28px 60px rgba(18,19,22,0.22);
  --shadow-focus: 0 0 0 3px rgba(216,32,41,0.35); /* red focus ring */

  /* --- Motion --- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);    /* @kind other */ /* default — confident */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);      /* @kind other */ /* entrances */
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);       /* @kind other */
  --dur-fast: 120ms;   /* @kind other */
  --dur-base: 200ms;   /* @kind other */
  --dur-slow: 360ms;   /* @kind other */
  --dur-slower: 600ms; /* @kind other */

  /* --- Overlays / scrims --- */
  --scrim-strong: linear-gradient(180deg, rgba(18,19,22,0) 0%, rgba(18,19,22,0.85) 100%); /* @kind other */
  --scrim-even:   rgba(18,19,22,0.55);
  --duotone-red:  color-mix(in srgb, var(--red-500) 70%, transparent);

  /* --- Image treatment recipe (apply to <img> in dark editorial blocks) --- */
  --img-contrast: contrast(1.05) saturate(1.02); /* @kind other */
}