/* Shadows — the site uses one heavy drop shadow on buttons
   (5px 3px 5px 1px rgba(0,0,0,.5)) and a soft grey glow on cards
   (0 0 15px #eee). Everything else is flat. */
:root {
  --shadow-none: none;
  --shadow-card: 0 0 15px var(--gray-150);
  --shadow-card-hover: 0 10px 30px rgba(31, 32, 36, 0.12);
  --shadow-button: 5px 3px 5px 1px rgba(0, 0, 0, 0.5);
  --shadow-button-soft: 0 6px 16px rgba(11, 155, 182, 0.28);
  --shadow-dropdown: 0 12px 28px rgba(31, 32, 36, 0.16);
  --shadow-inset-field: inset 0 0 0 1px var(--border-field);

  /* Header glass — the site blurs the transparent header 30px */
  --blur-header: blur(30px); /* @kind other */
  --header-glass: rgba(255, 255, 255, 0.82); /* @kind color */
  --header-glass-dark: rgba(10, 10, 10, 0.2); /* @kind color */
}