/* Preparo Jurídico — Effects: radius, shadow, motion, gradients */

:root {
  /* Radius — the homepage is generously rounded */
  --radius-sm: 6px;    /* inputs, tags */
  --radius-md: 8px;    /* buttons */
  --radius-lg: 12px;   /* small cards */
  --radius-xl: 16px;   /* feature tiles */
  --radius-2xl: 24px;  /* course cards, large panels */
  --radius-full: 9999px;

  /* Shadows — light and diffuse on white, none needed on dark */
  --shadow-subtle: 0 1px 2px rgba(16, 19, 26, 0.05);
  --shadow-soft:   0 2px 10px rgba(16, 19, 26, 0.07);
  --shadow-card:   0 4px 24px rgba(16, 19, 26, 0.08);
  --shadow-medium: 0 10px 30px rgba(16, 19, 26, 0.10);
  --shadow-strong: 0 18px 50px rgba(16, 19, 26, 0.16);
  /* Gold glow — premium CTAs and focus on dark */
  --shadow-gold: 0 8px 24px rgba(212, 175, 55, 0.32);

  /* Motion */
  --dur-fast: 140ms;   /* @kind other */
  --dur-normal: 240ms; /* @kind other */
  --dur-slow: 440ms;   /* @kind other */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);     /* @kind other */
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1); /* @kind other */

  /* Signature gradients */
  --grad-gold: linear-gradient(135deg, #E9C25C 0%, #D4AF37 45%, #B8902A 100%); /* @kind color */
  --grad-gold-cta: linear-gradient(135deg, #E0B84C 0%, #C89020 100%); /* @kind color */
  --grad-section-dark: linear-gradient(180deg, #131A26 0%, #0E141F 100%); /* @kind color */
  --grad-hero-veil: linear-gradient(90deg, rgba(10,10,10,0.94) 0%, rgba(10,10,10,0.62) 52%, rgba(10,10,10,0) 100%); /* @kind color */
  --grad-dark-veil: linear-gradient(180deg, rgba(10,10,10,0) 0%, rgba(10,10,10,0.88) 100%); /* @kind color */
}