/* Brand tokens — MALLI "white edition" (see DESIGN.md).
   Two inks: white and navy. Everything else is an accent. Every page
   consumes these tokens only — never hardcode brand colours. */
:root {
  --brand-navy: #141B4D;   /* Hamper Navy · PANTONE 2766 C — face, wordmark, primary buttons */
  --brand-white: #FFFFFF;  /* Fleece White — the lamb. Never the ground behind it. */
  --brand-sky: #DDE5ED;    /* Sky Ground · PANTONE 656 C — what the lamb sits on; page ground */
  --brand-blush: #EDC1AC;  /* PANTONE 488 C — cheeks; soft selected states. Sparingly. */
  --brand-nose: #E8A9A0;   /* PANTONE 700 C — nose only */

  --ink: #1D252D;          /* PANTONE 433 C — body text */
  --ink-soft: #4A5663;
  --surface: #FFFFFF;
  --hairline: #C9D3DD;

  --success: #2E9E5B;
  --danger: #C2453A;

  --line-green: #06C755;     /* LINE CTA only — never restyle */
  --promptpay-navy: #113566; /* PromptPay banner only — never restyle; NOT brand-navy */

  --radius: 14px;
  --shadow: 0 1px 3px rgba(20, 27, 77, 0.08), 0 8px 24px rgba(20, 27, 77, 0.06);

  --font-wordmark: "Comfortaa", "Mitr", system-ui, sans-serif; /* MALLI / μαλλί */
  --font-display: "Mitr", "Noto Sans Thai", system-ui, sans-serif; /* มะลิ, headings */
  --font-body: "Sarabun", "Noto Sans Thai", system-ui, sans-serif;
}