/* ===========================================================================
   NOYAU CRÉATIF — EFFECTS: shadows, blur, gradients, motion
   Shadows are cool, navy-tinted and soft — never neutral grey. Twilight
   gradients reference the watercolour skies; a paper grain sits behind them.
   =========================================================================== */
:root {
  /* --- Elevation (navy-tinted, soft) ---------------------------------- */
  --shadow-xs: 0 1px 2px rgba(6, 28, 51, 0.06);
  --shadow-sm: 0 2px 6px -1px rgba(6, 28, 51, 0.10);
  --shadow-md: 0 10px 24px -8px rgba(6, 28, 51, 0.18);
  --shadow-lg: 0 24px 50px -16px rgba(6, 28, 51, 0.26);
  --shadow-xl: 0 40px 90px -24px rgba(6, 28, 51, 0.34);

  /* inner press / inset */
  --shadow-inset: inset 0 1px 2px rgba(6, 28, 51, 0.10);

  /* gold focus glow */
  --shadow-focus: 0 0 0 3px var(--focus-ring);

  /* --- Twilight gradients (from the brand skies) --------------------- */
  --grad-twilight: linear-gradient(180deg, #061C33 0%, #16324A 55%, #2E4860 100%); /* @kind color */
  --grad-twilight-soft: linear-gradient(160deg, #1F3C56 0%, #283F58 60%, #43596C 100%); /* @kind color */
  --grad-dawn: linear-gradient(180deg, #283F58 0%, #587887 70%, #9FB1BC 100%); /* @kind color */
  --grad-gold: linear-gradient(180deg, #F7E6AC 0%, #F0D57B 50%, #E3C25C 100%); /* @kind color */

  /* protection scrim for text over imagery */
  --scrim-bottom: linear-gradient(180deg, rgba(6,28,51,0) 0%, rgba(6,28,51,0.78) 100%); /* @kind color */
  --scrim-full: linear-gradient(180deg, rgba(6,28,51,0.15) 0%, rgba(6,28,51,0.70) 100%); /* @kind color */

  /* --- Blur ----------------------------------------------------------- */
  --blur-sm: blur(6px); /* @kind other */
  --blur-md: blur(16px); /* @kind other */
  --blur-glass: saturate(140%) blur(14px); /* @kind other */

  /* --- Motion --------------------------------------------------------- */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0.05, 0.36, 1); /* @kind other */
  --ease-soft: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur-base: 220ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
  --transition-base: all var(--dur-base) var(--ease-out); /* @kind other */
}