/* Design tokens: change these to re-theme the whole site. */
:root {
  /* brand */
  --ink: #102C4A;          /* primary navy: headings, strong text */
  --ink-2: #153D60;
  --card-blue: #234766;
  --accent: #35638A;
  --pale: #D6E5F5;
  --pale-2: #EDF3FA;
  --primary: #1D5DA6;      /* saturated blue, reserved for primary actions */
  --primary-h: #174C8C;

  /* neutrals */
  --bg: #F6F8FB;
  --surface: #FFFFFF;
  --line: #E2E8F0;
  --line-strong: #B9CCE1;
  --muted: #556677;        /* secondary text, 5.4:1 on white */
  --price: #16212E;        /* prices: dark charcoal, never blue/green */

  /* badges */
  --badge-bg: #FFE9A8;
  --badge-ink: #6B4400;
  --fav: #C2334F;

  /* type */
  --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* shape and depth */
  --r-sm: 10px;
  --r: 14px;
  --r-lg: 20px;
  --shadow-sm: 0 6px 18px rgba(16, 44, 74, .08);
  --shadow: 0 8px 24px rgba(16, 44, 74, .10);
  --shadow-menu: 0 12px 32px rgba(16, 44, 74, .14);

  /* layout */
  --max: 1440px;
  --gutter: clamp(16px, 3vw, 40px);
  --header-h: 72px;
}