/* ============================================================
   LatinoTV — EFFECTS: radii, borders, shadows, motion
   No gradients except dark image overlays. No glassmorphism.
   ============================================================ */
:root {
  /* ---- Corner radii ---- */
  --radius-sm: 6px;
  --radius-btn: 8px;       /* buttons */
  --radius-card: 14px;     /* cards 12–16px */
  --radius-card-lg: 16px;
  --radius-pill: 999px;    /* tags / badges / nav chips */

  /* ---- Border widths ---- */
  --border-w: 1px;            /* @kind other */
  --border-w-accent: 2px;     /* @kind other */  /* gold sponsor, section accent bar */
  --border-w-bar: 8px;        /* @kind other */  /* chunky section-header accent block */

  /* ---- Shadows (soft, neutral) ---- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 10px 28px rgba(0, 0, 0, 0.12);
  --shadow-pop: 0 16px 40px rgba(0, 0, 0, 0.18);
  --shadow-green: 0 8px 22px rgba(29, 184, 0, 0.28); /* green CTA lift */

  /* ---- Image overlay (the only sanctioned gradient) ---- */
  --overlay-image: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.78) 100%); /* @kind other */
  --overlay-image-soft: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,0.6) 100%); /* @kind other */

  /* ---- Motion (respect prefers-reduced-motion) ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);     /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);  /* @kind other */
  --dur-fast: 120ms;     /* @kind other */
  --dur: 200ms;          /* @kind other */
  --dur-slow: 320ms;     /* @kind other */
  --lift-hover: -4px;    /* @kind other */

  /* ============================================================
     SEMANTIC ALIASES
     ============================================================ */
  --elevation-card: var(--shadow-card);
  --elevation-card-hover: var(--shadow-card-hover);
  --motion-ease: var(--ease-out);
  --motion-dur: var(--dur);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;    /* @kind other */
    --dur: 0ms;         /* @kind other */
    --dur-slow: 0ms;    /* @kind other */
    --lift-hover: 0px;  /* @kind other */
  }
}