/* ============================================================
   Formosa Film Fund — Effects: shadows, glows, gradients,
   transitions, blur. Light is precious here: shadows are deep
   and soft (cinema darkness), and the signature glow is gold.
   ============================================================ */

:root {
  /* ---- Elevation shadows (deep, soft, on black) ---- */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.6);
  --shadow-md:  0 8px 24px rgba(0,0,0,0.55);
  --shadow-lg:  0 24px 60px rgba(0,0,0,0.65);
  --shadow-xl:  0 40px 120px rgba(0,0,0,0.7);

  /* ---- Gold glow (signature focus / hero accent) ---- */
  --glow-gold-sm: 0 0 0 1px var(--gold-a32), 0 2px 14px rgba(212,175,55,0.18);
  --glow-gold-md: 0 0 28px rgba(212,175,55,0.28);
  --glow-gold-lg: 0 0 64px rgba(212,175,55,0.32);

  /* ---- Inset / keyline ---- */
  --inset-hairline: inset 0 0 0 1px var(--white-08);
  --inset-gold:     inset 0 0 0 1px var(--gold-a32);
  --inset-top-sheen: inset 0 1px 0 rgba(255,255,255,0.06);

  /* ---- Protection gradients (legibility over imagery) ---- */
  --scrim-bottom: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.0) 35%, rgba(0,0,0,0.85) 100%); /* @kind color */
  --scrim-top:    linear-gradient(180deg, rgba(0,0,0,0.85) 0%, transparent 60%); /* @kind color */
  --scrim-full:   linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.75) 100%); /* @kind color */
  --scrim-left:   linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 50%, transparent 100%); /* @kind color */

  /* ---- Hairline / keyline gradients ---- */
  --rule-gold: linear-gradient(90deg, transparent, var(--gold-600) 12%, var(--gold-200) 50%, var(--gold-600) 88%, transparent); /* @kind color */

  /* ---- Blur (glass panels over imagery) ---- */
  --blur-glass: blur(18px) saturate(1.1); /* @kind other */

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --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 */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   240ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */
  --dur-cinema: 720ms; /* @kind other */
}