/* ============================================================
   Dreamfinder Solutions — Effects: radii, shadows, borders,
   gradients & motion. Premium, soft, celestial.
   ============================================================ */
:root {
  /* Corner radii — soft but not pill-bubbly; capsules for pills/buttons */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;   /* default card / input */
  --radius-lg:   18px;
  --radius-xl:   26px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* Borders */
  --border-w:       1px; /* @kind other */
  --border-w-thick: 1.5px; /* @kind other */

  /* Shadows — cool navy-tinted, layered & soft (never pure black) */
  --shadow-xs:  0 1px 2px rgba(15,26,51,0.06);
  --shadow-sm:  0 2px 6px rgba(15,26,51,0.08);
  --shadow-md:  0 8px 24px rgba(15,26,51,0.10);
  --shadow-lg:  0 18px 48px rgba(15,26,51,0.14);
  --shadow-xl:  0 30px 80px rgba(15,26,51,0.20);
  /* Gold glow — for accent CTAs / focus moments */
  --shadow-gold: 0 8px 28px rgba(201,162,75,0.34);
  /* Inset hairline for inputs on light surfaces */
  --shadow-inset: inset 0 1px 2px rgba(15,26,51,0.05);

  /* Focus ring */
  --ring: 0 0 0 3px rgba(74,111,191,0.40); /* @kind shadow */

  /* Brand gradients */
  --grad-night:  radial-gradient(120% 120% at 50% 0%, #22315A 0%, #16233F 48%, #0B1326 100%); /* @kind other */
  --grad-gold:   linear-gradient(135deg, #D9BC6E 0%, #C9A24B 52%, #B8902F 100%); /* @kind other */
  --grad-royal:  linear-gradient(135deg, #4A6FBF 0%, #3457A6 100%); /* @kind other */
  --grad-dawn:   linear-gradient(160deg, #1F2D52 0%, #2A3A66 60%, #B8902F 220%); /* @kind other */
  /* Protection scrim for text over imagery */
  --grad-scrim:  linear-gradient(180deg, rgba(11,19,38,0) 0%, rgba(11,19,38,0.78) 100%); /* @kind other */

  /* Motion — smooth, aspirational; gentle ease, no bounce */
  --ease-out:   cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out:cubic-bezier(0.45, 0, 0.18, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   240ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */
}
