/* Kintavo elevation. The brand is a hairline system: surfaces are separated by
   1px --border rules and tint changes, not by shadow. Shadows only appear on
   floating UI (menus, dialogs) and are kept tight, neutral and low-opacity. */
:root{
  --shadow-none:none;
  --shadow-hairline:0 0 0 1px var(--border);
  --shadow-raised:0 1px 2px color-mix(in srgb,var(--navy-deep) 8%,transparent);
  --shadow-overlay:0 8px 24px color-mix(in srgb,var(--navy-deep) 14%,transparent),0 0 0 1px var(--border);
  --shadow-focus:0 0 0 3px color-mix(in srgb,var(--green) 35%,transparent);
}