/* ============================================================
   Hamilton Academy of Medicine — Design Tokens
   "Medical Heritage Refined" (approved prototype palette),
   polished after the Academy's own certificates and seal (DESIGN-SYSTEM.md),
   in the Academy's own blue (#016BA9, measured from HAM's logo) since Oct 2026
   ============================================================ */
:root {
  /* Colour palette */
  --paper-cream: #F8F7F4;
  --card-white:  #FFFFFF;
  --slate-navy:  #0E4462;   /* blue ink: headings, UI text, the navy button. 9.7:1 on cream, 10.4:1 with white */
  --charcoal-ink:#3B4B57;
  --ham-blue:    #016BA9;   /* the crest, actions, links, the newsletter. 5.7:1 with white, 5.3:1 on cream */
  --gold-brass:  #D4B066;

  /* Supporting tones */
  --ham-blue-deep: #01588E; /* hover, and the foot of a HAM blue panel: 7.5:1 with white */
  --navy-surface:  #082F49; /* the base of banners and dark panels: brass 6.7:1, white 13.9:1 */
  --navy-lit:      #0C3B5A; /* the lit top of those surfaces: brass 5.7:1 */
  --navy-deep:     #052439; /* footer: the back board. Brass 7.7:1 */
  --gold-deep:   #8C6410;   /* gold for small text on light surfaces: 5.3:1 on white, 5.0:1 on cream */
  --gold-pale:   #E2C994;   /* champagne gold for the footer's labels and rule, softer than brass on deep blue: 9.9:1 */
  --gold-seal:   #B89D69;   /* the footer seal: solid, since brass faded by opacity turns olive over blue */
  --vellum:      #F1EDE4;   /* deeper paper, for a band that must read as its own section */

  /* RGB channels (for rgba()) */
  --navy-rgb: 8, 47, 73;    /* hairlines, field borders (3.4:1 at 55%) and shadows */
  --ham-blue-rgb: 1, 107, 169;
  --brass-rgb: 212, 176, 102;

  /* Hairlines */
  --rule:        rgba(var(--navy-rgb), 0.12);
  --rule-strong: rgba(var(--navy-rgb), 0.22);
  --rule-light:  rgba(255, 255, 255, 0.14);
  --rule-gilt:   rgba(var(--brass-rgb), 0.55);

  /* Gold foil, for the seal and gilt details: lit from the top left */
  --foil: linear-gradient(135deg, #F4E2AE 0%, #D4B066 38%, #9C7A36 62%, #E8CB85 100%);

  /* Typography */
  --f-cormorant: 'Cormorant Garamond', Georgia, serif;
  --f-manrope:   'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --f-spectral:  'Spectral', Georgia, serif;

  /* Radii */
  --br-pill:     99px;
  --br-image:    40px;
  --br-card:     calc(var(--br-image) / 1.5); /* ~26.67px */
  --br-dropdown: 8px;

  /* Shadows: navy-tinted, a tight contact shadow under a soft ambient one */
  --shadow-1: 0 1px 2px rgba(var(--navy-rgb), 0.05), 0 3px 10px -4px rgba(var(--navy-rgb), 0.08);
  --shadow-2: 0 1px 2px rgba(var(--navy-rgb), 0.04), 0 16px 36px -16px rgba(var(--navy-rgb), 0.2);
  --shadow-3: 0 2px 4px rgba(var(--navy-rgb), 0.05), 0 26px 52px -20px rgba(var(--navy-rgb), 0.28);
  /* Legacy names, kept so older page styles still resolve */
  --shadow-hero:     var(--shadow-2);
  --shadow-card:     var(--shadow-2);
  --shadow-feature:  var(--shadow-3);
  --shadow-dropdown: var(--shadow-3);

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Layout */
  --container-max: 1400px;
  --header-h: 87px; /* sticky header; taller on tablets, shorter on phones (see responsive.css) */
}