/* ============================================================
   PODIUM SOCIETY — EFFECTS
   The brand is flat, hard-edged and photographic. Almost no
   shadow, no glassmorphism, no gradients-as-decoration. The only
   "gradient" allowed is a functional protection scrim that keeps
   white type legible over B&W photography.
   ============================================================ */
:root {
  /* ---- Protection scrims over photography (functional only) ---- */
  --scrim-bottom: linear-gradient(to top,
                    rgba(0,0,0,0.92) 0%,
                    rgba(0,0,0,0.72) 22%,
                    rgba(0,0,0,0.0) 62%); /* @kind other */
  --scrim-top:    linear-gradient(to bottom,
                    rgba(0,0,0,0.85) 0%,
                    rgba(0,0,0,0.0) 55%); /* @kind other */
  --scrim-left:   linear-gradient(to right,
                    rgba(0,0,0,0.88) 0%,
                    rgba(0,0,0,0.0) 60%); /* @kind other */
  --scrim-full:   linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)); /* @kind other */

  /* ---- Shadows (used VERY sparingly — UI chrome only) ---- */
  --shadow-none: none;
  --shadow-card: 0 1px 0 rgba(0,0,0,0.0); /* deliberately flat */
  --shadow-lift: 0 8px 28px rgba(0,0,0,0.55);
  --shadow-text: 0 1px 24px rgba(0,0,0,0.6); /* legibility halo on photos */

  /* ---- Photography treatment ----
     All Podium imagery is BLACK & WHITE, high contrast, real, no
     filters, no AI. Apply this when source art is in color. */
  --photo-bw: grayscale(100%) contrast(1.08) brightness(0.98); /* @kind other */
  --photo-bw-strong: grayscale(100%) contrast(1.18) brightness(0.94); /* @kind other */

  /* ---- Motion ----
     Restrained, cinematic. Slow fades and steady reveals — no
     bounces, no springy overshoot. Like a film fading up. */
  --ease-cine:  cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);     /* @kind other */
  --dur-fast:   160ms;  /* @kind other */
  --dur-base:   320ms;  /* @kind other */
  --dur-slow:   640ms;  /* @kind other */
  --dur-cine:   1200ms; /* @kind other */

  /* ---- Interaction states ----
     Hover: lighten gold / raise opacity. Press: deepen gold, no
     scale-down on art; subtle on chrome. Focus: gold hairline ring. */
  --hover-opacity: 0.84; /* @kind other */
  --focus-ring: 0 0 0 2px #000, 0 0 0 4px var(--gold);
}