/* Design tokens — shared across every page. Inherited via base.html. */
:root {
  /* Boutique Corporate Travel Management — deep navy + gold + warm white. */
  --navy: #18314F;        /* deep navy — primary dark, headings, primary buttons */
  --navy-mid: #2E5A87;    /* mid navy — links / hover accents */
  --navy-deep: #10233B;   /* darkest — hero/CTA bands, gradient base */
  --blue: #B8860B;        /* deep gold — legible gold text on light surfaces */
  --blue-light: #FDF3DA;  /* gold tint — chips, hovers */
  --blue-mid: #EBCB7A;    /* gold-mid */
  --gold-bright: #F5B324; /* brand gold — fills, badges, accents on dark (use sparingly) */
  --white: #ffffff;
  --off-white: #FAF9F6;   /* warm white — default light background (never pure white) */
  --text: #1B2430;        /* primary text */
  --text-secondary: #5C6675;
  --text-muted: #8892A0;
  --border: #ECE8E1;      /* subtle warm border */
  --radius: 8px;          /* 8px standard (12px for dialogs) */
}