/* Milan: brand colours and fonts for the websites.
   Locked by Pranesh on 2026-10-11 while building milanhealth.ai: navy and bright gold on a
   bright "Limestone" page ("refreshing and clear... like a bright sunny day"). Navy is the
   ink and the buttons, gold is the highlight, and the TV is the one dark object.
   Fonts: "Classic premium", Source Serif 4 for headings and Source Sans 3 for text.
   Voice: direct, confident, results-first, no macho hype.
   GENERATED from tokens.json by build_brand.py. Edit tokens.json, then run the script. */


:root {
  --milan-ink: #13213f; /* navy: all text, headings and the main buttons */
  --milan-steel: #5d6577; /* second-level text: descriptions, hints */
  --milan-page: #f8f6f1; /* the page or screen background: Limestone */
  --milan-band: #efebe2; /* alternate sections: sand */
  --milan-surface: #ffffff; /* cards and panels */
  --milan-rule: #e3ddd1; /* lines, borders, input outlines */
  --milan-action: #13213f; /* main buttons and selected choices (navy) */
  --milan-on-action: #ffffff; /* text on a main button */
  --milan-accent: #13213f; /* links */
  --milan-mark: #f2b93b; /* bright gold: badges, number circles, small highlights */
  --milan-mark-soft: #fbefcf; /* pale gold behind badges and icons */
  --milan-screen: #0e1a33; /* the TV screen in pictures of the product */
  --milan-screen-text: #f5f3ec; /* words and the figure on that TV */
  --milan-screen-mark: #f2b93b; /* gold highlights on the dark TV screen */
  --milan-bezel: #13213f; /* the TV frame and stand in pictures of the product */

  --milan-font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --milan-font-body: "Source Sans 3", "Helvetica Neue", Arial, sans-serif;
  --milan-scheme: light;
  --milan-display-weight: 600;
  --milan-display-stretch: 100%;
  --milan-display-case: none;
  --milan-display-tracking: -0.015em;
  --milan-display-leading: 1.08;
  --milan-display-scale: 1;
}
