/* ══ FemininFinance — Spacing, radius, elevation tokens ══ */
:root {
  /* Spacing scale */
  --sp-xs: 4px;
  --sp-s: 8px;
  --sp-m: 16px;
  --sp-l: 24px;
  --sp-xl: 40px;

  /* Radius — buttons & cards 10px, large panels up to 20px */
  --r-sm: 6px;
  --r: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-pill: 999px;

  /* Elevation — subtle on cards, stronger only on overlays */
  --shadow: 0 1px 3px rgba(3,37,78,.06), 0 4px 16px rgba(3,37,78,.04);
  --drop: 0 4px 24px rgba(3,37,78,.13);
  --shadow-modal: 0 20px 60px rgba(2,25,54,.2);

  /* Gradients */
  --grad-navy: linear-gradient(160deg, #03254E, #021936); /* @kind other */
  --grad-creme: linear-gradient(160deg, #FFFCF8, #F6F8FB); /* @kind other */
}