/* WingMe design tokens — shared by the website (index.html) and the app (app.html). */
:root {
  /* Ink & text */
  --wm-ink: #0B1A2B;        /* headings, primary buttons */
  --wm-ink-2: #2E4156;      /* body text */
  --wm-muted: #5A6A7C;      /* secondary text (passes 4.5:1 on white and bg-2) */
  --wm-faint: #8794A3;      /* only for disabled/decorative, never for real text */

  /* Surfaces */
  --wm-bg: #FFFFFF;
  --wm-bg-2: #F5F7FA;       /* alternating sections, app background */
  --wm-bg-3: #EBEFF4;       /* inputs, chips */
  --wm-line: #E1E6EC;
  --wm-line-2: #EEF1F5;

  /* Brand & accents */
  --wm-primary: #0B1A2B;    /* primary CTA background (white text) */
  --wm-primary-hover: #1B2E44;
  --wm-blue: #1557D6;       /* links, info, selected states */
  --wm-blue-bg: #EAF1FE;
  --wm-sea: #0A6E86;        /* maps, routes */
  --wm-sun: #FF6B3D;        /* brand mark + seat-fill progress ONLY (never text on white) */
  --wm-sun-text: #B23A12;   /* text-safe version of sun */

  /* Status */
  --wm-ok: #13804F;   --wm-ok-bg: #E6F4EC;
  --wm-warn: #8F5600; --wm-warn-bg: #FDF2DC;
  --wm-bad: #B4321F;  --wm-bad-bg: #FCE9E5;

  /* Shape */
  --wm-r-s: 8px;
  --wm-r: 12px;
  --wm-r-l: 20px;
  --wm-r-xl: 28px;
  --wm-shadow-1: 0 1px 2px rgba(11, 26, 43, .06), 0 1px 1px rgba(11, 26, 43, .04);
  --wm-shadow-2: 0 10px 30px -12px rgba(11, 26, 43, .22);
  --wm-shadow-3: 0 30px 80px -30px rgba(11, 26, 43, .45);

  /* Type */
  --wm-font: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wm-mono: "Geist Mono", ui-monospace, "SFMono-Regular", monospace;

  /* Layout */
  --wm-maxw: 1200px;
  --wm-gutter: 24px;
}
@media (max-width: 640px) { :root { --wm-gutter: 16px; } }