/* Overse — Elevation & focus tokens
 * The brand is flat and calm: elevation is expressed with hairline borders and
 * soft background tints, NOT drop shadows. The shadow tokens below are kept
 * extremely subtle for the rare case a surface must lift off the page.
 */

:root {
  --shadow-none: none;
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  /* Only overlays that truly float (menu, dialog) may lift, and softly. */
  --shadow-lg: 0 8px 24px rgba(30, 55, 60, 0.08);
  --shadow-xl: 0 14px 36px rgba(30, 55, 60, 0.10);

  /* No accent glow — orange stays flat */
  --shadow-accent: none;

  /* Focus ring (cadet-blue) */
  --focus-ring: 0 0 0 3px rgba(78, 129, 145, 0.40);
  --focus-ring-accent: 0 0 0 3px rgba(238, 131, 72, 0.40);

  /* Hairline inset border used on muted surfaces */
  --inset-border: inset 0 0 0 1px var(--border-color);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);    /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 120ms;  /* @kind other */
  --dur-base: 200ms;  /* @kind other */
  --dur-slow: 320ms;  /* @kind other */
}