/* ===========================================================
   TOP CORNER - LIGHT / CREAM THEME
   Load AFTER styles.css. It overrides only the chrome tokens.
   Over-media tokens (--on-media*, --brass-media) are intentionally
   left untouched, so text over your photos stays legible in both themes.
   Switching themes = one <link> line in the HTML. Nothing else changes.
   =========================================================== */
:root{
  --ink:#F1EDE6;          /* warm cream page background */
  --raise:#E8E3D9;        /* raised card surface */
  --raise-2:#DFD9CD;
  --bone:#1B1A17;         /* dark primary text on cream */
  --muted:#5E5A52;        /* secondary text on cream */
  --hair:rgba(27,26,23,0.16);
  --hair-2:rgba(27,26,23,0.08);
  --brass:#7A5217;        /* deep gold accent (text + graphics) on cream */
  --nav-fg:#1B1A17;       /* dark nav text once scrolled */
  --nav-bg:rgba(241,237,230,0.88);
}