/* ===========================================================================
   Rodrigo Martins — Effects: radii, shadows, blur, gradients, motion
   =========================================================================== */

:root {
  /* ---- Corner radii ----------------------------------------------------
     Modern but restrained. Buttons & chips are pills; cards are softly
     rounded; imagery uses the large radius. */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   16px;
  --radius-lg:   22px;
  --radius-xl:   28px;
  --radius-2xl:  36px;
  --radius-pill: 999px;

  /* ---- Shadows ---------------------------------------------------------
     Light surfaces use soft, warm-tinted elevation. Dark surfaces use a
     deeper drop plus an optional gold glow for accent. */
  --shadow-xs:  0 1px 2px rgba(28, 4, 5, 0.08);
  --shadow-sm:  0 2px 8px rgba(28, 4, 5, 0.08), 0 1px 2px rgba(28, 4, 5, 0.06);
  --shadow-md:  0 10px 28px rgba(28, 4, 5, 0.12), 0 2px 6px rgba(28, 4, 5, 0.08);
  --shadow-lg:  0 24px 60px rgba(28, 4, 5, 0.18), 0 6px 16px rgba(28, 4, 5, 0.10);
  --shadow-xl:  0 40px 90px rgba(20, 4, 5, 0.32);

  /* On dark ground */
  --shadow-dark:     0 30px 70px rgba(0, 0, 0, 0.45);
  --shadow-gold:     0 14px 40px rgba(191, 157, 87, 0.28);
  --shadow-red-glow: 0 14px 44px rgba(158, 27, 34, 0.40);

  /* Hairline insets */
  --ring-gold:  inset 0 0 0 1px var(--border-gold);
  --ring-light: inset 0 0 0 1px var(--border-on-light);
  --ring-dark:  inset 0 0 0 1px var(--border-on-dark);

  /* ---- Blur (glass) ---------------------------------------------------- */
  --blur-sm:    8px;
  --blur-glass: 18px;
  --blur-lg:    32px;

  /* ---- Gradients -------------------------------------------------------
     Wine grounds for heroes/CTAs, a gold sheen for accents, and a
     "protection" gradient used to seat text over imagery. */
  --grad-wine:       linear-gradient(160deg, var(--wine-700) 0%, var(--wine-900) 62%, var(--wine-950) 100%);  /* @kind color */
  --grad-wine-radial: radial-gradient(120% 120% at 18% 0%, var(--wine-700) 0%, var(--wine-850) 45%, var(--wine-950) 100%);
  --grad-cta:        linear-gradient(180deg, var(--wine-500) 0%, var(--wine-600) 100%);
  --grad-gold:       linear-gradient(100deg, var(--gold-600) 0%, var(--gold-400) 48%, var(--gold-300) 100%);
  --grad-gold-text:  linear-gradient(92deg, var(--gold-400), var(--gold-200));
  --grad-protect:    linear-gradient(180deg, rgba(20,4,5,0) 0%, rgba(20,4,5,0.35) 45%, rgba(20,4,5,0.86) 100%);  /* @kind color */
  --grad-protect-l:  linear-gradient(90deg, rgba(28,4,5,0.92) 0%, rgba(28,4,5,0.55) 45%, rgba(28,4,5,0) 100%);  /* @kind color */

  /* Subtle film-grain / vignette helpers (apply as overlays) */
  --vignette: radial-gradient(120% 90% at 50% 30%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.35) 100%);  /* @kind color */

  /* ---- Motion ----------------------------------------------------------
     Restrained, confident. Eased fades & small lifts — never bouncy. */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 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:    520ms;   /* @kind other */
}