/* Shared design tokens: portable to the existing Astro stylesheet. */
:root {
  --blue: #005CFF;
  --blue-hover: #004BD1;
  --blue-light: #5BACFF;
  --navy: #081B3A;
  --ink: #101D34;
  --gray: #586780;
  --surface: #F3F7FC;
  --ice: #EAF3FF;
  --line: #DFE7F2;
  --white: #FFFFFF;
  --page-width: 1240px;
  --gutter: max(28px, calc((100vw - var(--page-width)) / 2));
  --radius: 24px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --shadow: 0 24px 70px -32px #082b6340;
}
@media (max-width: 700px) {
  :root { --gutter: 22px; --radius: 20px; }
}