/* GeoLage — Elevation, shadow & motion tokens
   Restrained, flat, government-grade. Shadows are low-opacity and
   navy-tinted; never heavy or glossy. */

:root {
  /* Shadows — subtle, cool, navy-tinted */
  --shadow-xs: 0 1px 2px rgba(13, 28, 42, 0.06);
  --shadow-sm: 0 1px 2px rgba(13, 28, 42, 0.08), 0 1px 1px rgba(13, 28, 42, 0.04);
  --shadow-md: 0 2px 6px rgba(13, 28, 42, 0.08), 0 1px 2px rgba(13, 28, 42, 0.06);
  --shadow-lg: 0 8px 24px rgba(13, 28, 42, 0.12), 0 2px 6px rgba(13, 28, 42, 0.08);
  --shadow-panel: 0 12px 40px rgba(8, 18, 28, 0.18);

  /* Inset / pressed */
  --shadow-inset: inset 0 1px 2px rgba(13, 28, 42, 0.10);

  /* Focus ring (keyboard + accessibility) */
  --ring-focus: 0 0 0 3px rgba(46, 125, 138, 0.35);
  --ring-focus-warn: 0 0 0 3px rgba(232, 130, 30, 0.32);

  /* Motion — short, linear/ease-out, never bouncy */
  --ease-standard: cubic-bezier(0.2, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0, 0, 0.2, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 180ms; /* @kind other */
  --dur-slow: 260ms; /* @kind other */

  /* Z-index scale */
  --z-base: 0; /* @kind other */
  --z-sticky: 100; /* @kind other */
  --z-overlay: 800; /* @kind other */
  --z-modal: 900; /* @kind other */
  --z-toast: 1000; /* @kind other */
}