/* ELEVATION — exactly two levels, both navy-tinted and soft. No third level. */
:root {
  --shadow-1: 0 1px 2px rgba(11, 52, 85, 0.05), 0 2px 6px rgba(11, 52, 85, 0.06);
  --shadow-2: 0 2px 4px rgba(11, 52, 85, 0.04), 0 14px 28px -8px rgba(11, 52, 85, 0.14);
  --shadow-none: none;

  --shadow-card: var(--shadow-1);
  --shadow-card-hover: var(--shadow-2);
  --shadow-raised: var(--shadow-2);  /* modals, dropdowns, sticky bars */
  --shadow-inset-input: inset 0 1px 2px rgba(11, 52, 85, 0.04);
}