/* ============================================================
   O GAÚCHO — EFFECTS: shadows, rings, overlays, motion
   Quiet & warm. Shadows are soft and dark; gold gets a faint glow.
   ============================================================ */
:root {
  /* —— Shadows (warm, low-key) —— */
  --shadow-xs: 0 1px 2px rgba(8, 7, 5, 0.30);
  --shadow-sm: 0 2px 8px rgba(8, 7, 5, 0.35);
  --shadow-md: 0 8px 24px rgba(8, 7, 5, 0.40);
  --shadow-lg: 0 18px 50px rgba(8, 7, 5, 0.50);
  --shadow-inset: inset 0 1px 0 rgba(255, 248, 224, 0.06);

  /* Soft gold halo — used behind the emblem & on key CTAs */
  --glow-gold: 0 0 0 1px #C8A24E40, 0 6px 30px #C8A24E26;
  --glow-gold-strong: 0 0 40px #C8A24E40;

  /* —— Focus ring —— */
  --ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--gold-light);

  /* —— Overlays / scrims —— */
  --scrim-top:    linear-gradient(180deg, rgba(15,15,14,0.85) 0%, rgba(15,15,14,0) 60%); /* @kind color */
  --scrim-bottom: linear-gradient(0deg, rgba(15,15,14,0.92) 0%, rgba(15,15,14,0.55) 40%, rgba(15,15,14,0) 100%); /* @kind color */
  --scrim-full:   linear-gradient(180deg, rgba(15,15,14,0.55) 0%, rgba(15,15,14,0.78) 100%); /* @kind color */
  --hairline-gold: 1px solid var(--border);

  /* —— Motion —— */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);   /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);   /* @kind other */
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);       /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur: 240ms;      /* @kind other */
  --dur-slow: 420ms; /* @kind other */
}