/* GENERATED from @jumlashops/brand by apps/site/src/tokens.ts. Do not edit. */
:root {
  --navy: #0B2D4B;
  --navy-deep: #061C30;
  --navy-light: #2C6496;
  --green: #00C26F;
  --green-deep: #007A45;
  --green-tint: #D9F7E9;
  --white: #FFFFFF;
  --paper: #F2F4F7;
  --ink: #1F2937;
  --muted: #5B6B7D;
  --info: #2C6496;
  --warning: #F5A524;
  --hairline: #DDE2E6;
  --on-navy-muted: #C2CBD2;
  --action-hover: #02AC6A;
  --photo-ground: #F0F2F4;
  --header-ground: rgb(242 244 247 / 0.92);
  --shadow-color: rgb(11 45 75 / 0.08);
  --device-shadow: rgb(6 28 48 / 0.35);
  --overlay: rgb(11 45 75 / 0.8);
  --overlay-top: rgb(11 45 75 / 0.78);
  --overlay-bottom: rgb(11 45 75 / 0.9);
  --on-navy-fill: rgb(255 255 255 / 0.08);
  --on-navy-line: rgb(255 255 255 / 0.1);
  --on-navy-edge: rgb(255 255 255 / 0.25);
  --on-navy-edge-strong: rgb(255 255 255 / 0.55);
  --on-photo-dot: rgb(255 255 255 / 0.6);
  --eyebrow-on-navy: rgb(217 247 233 / 0.12);
  --focus-halo: rgb(44 100 150 / 0.18);
}