:root {
  /* The v3 two-layer card shadow — barely-there lift off white */
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.03), 0 8px 22px rgba(0, 0, 0, 0.04);

  /* Pressed / floating overlays (money chip, FAB) carry the brand glow */
  --shadow-emerald: 0 8px 24px rgba(5, 150, 105, 0.28);
  --shadow-emerald-soft: 0 12px 28px rgba(5, 150, 105, 0.35);

  /* Sheets / popovers */
  --shadow-sheet: 0 20px 60px rgba(0, 0, 0, 0.18);

  /* Hairline border recipe (use as: border: var(--hairline)) */
  --hairline: 1px solid var(--border);

  /* Motion — calm, confident. */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --press-scale: 0.97;
  --dur-fast: 0.15s;
  --dur-press: 0.12s;
  --dur-state: 0.4s;
}

[data-theme="dark"] {
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 22px rgba(0, 0, 0, 0.3);
}