/* ============================================================
   NIGHT + DAY — Effects: Shadows, Metal & Surfaces
   Matte surfaces, soft shadows, brushed metal. Never glossy,
   never plastic. Shadows are low and diffuse — daylight, not spotlight.
   ============================================================ */

:root {
  /* ---- SHADOWS — soft, low, diffuse. Premium, not dramatic -------- */
  --shadow-none: none;
  --shadow-xs: 0 1px 2px rgba(11, 11, 12, 0.04);
  --shadow-sm: 0 2px 8px rgba(11, 11, 12, 0.05);
  --shadow-md: 0 8px 24px rgba(11, 11, 12, 0.07);
  --shadow-lg: 0 20px 48px rgba(11, 11, 12, 0.10);
  --shadow-xl: 0 32px 80px rgba(11, 11, 12, 0.14);
  /* On-night: light bloom rather than dark shadow */
  --shadow-glow: 0 12px 40px rgba(195, 199, 205, 0.12);

  /* ---- BRUSHED METAL — the silver bridge -------------------------- */
  /* Apply as background on the lens, the +, dividers, metallic chips */
  --metal-chip: linear-gradient(135deg,
      #F4F5F6 0%, #C9CDD2 22%, #ECEEF0 40%,
      #A7ABB2 58%, #D4D7DB 74%, #8D9096 100%); /* @kind color */
  --metal-edge: 0 0 0 1px rgba(255,255,255,0.6) inset,
                0 1px 3px rgba(11,11,12,0.18); /* @kind shadow */

  /* ---- FILM / PHOTOGRAPHY TREATMENT ------------------------------- */
  /* Cinematic: warm, natural, golden-hour. Slight lift in blacks. */
  --img-duotone-night: grayscale(1) contrast(1.05) brightness(0.95); /* @kind other */
  --img-cinematic: saturate(1.05) contrast(1.02); /* @kind other */
  --scrim-night: linear-gradient(180deg, rgba(11,11,12,0) 0%, rgba(11,11,12,0.72) 100%); /* @kind color */
  --scrim-day: linear-gradient(180deg, rgba(251,250,247,0) 0%, rgba(251,250,247,0.85) 100%); /* @kind color */

  /* ---- GLASS / BLUR — used sparingly, for floating nav only ------- */
  --blur-nav: saturate(1.4) blur(20px); /* @kind other */
  --glass-day: rgba(251, 250, 247, 0.72); /* @kind color */
  --glass-night: rgba(11, 11, 12, 0.6); /* @kind color */

  /* ---- FOCUS RING ------------------------------------------------- */
  --focus-ring: 0 0 0 2px var(--nd-white), 0 0 0 4px var(--nd-black); /* @kind shadow */
}