/* AlphaTake brand tokens (the brand kit of 2026-10-14): the website's ONE brand record for colour.
   Every other stylesheet of the site reads these names; no other stylesheet writes a brand colour.
   The frame links this file before every other stylesheet (site_frame.rs). A change of the brand
   colour or of the logo's size is one edit here. The page backgrounds and the type stay in site.css.
   Coral: the mark's body, fills with white text, the live dot. Coral-ink: text and links on light.
   Ink: the text ink. Cream: brand tiles and the icon field, not a page background. Cream-2: lines on cream. */
:root {
  --xf-coral: #EA7055;
  --xf-coral-rgb: 234 112 85;
  --xf-coral-ink: #B4472F;
  --xf-coral-ink-rgb: 180 71 47;
  --xf-ink: #292335;
  --xf-ink-rgb: 41 35 53;
  --xf-cream: #FFF3EC;
  --xf-cream-2: #FBE4D8;
  --xf-white: #FFFFFF;
}

/* The logo in the frame: the bar's lockup at 160 px (the kit's minimum width); on a phone whose bar
   holds the places, the 24 px master in its place; the rail's tile holds the 24 px master at 24 px. */
.xf-lockup, .xf-tile > picture { display: flex; }
.xf-lockup > img { width: 160px; height: auto; }
.xf-brand-mark { display: none; }
@media (max-width: 30rem) {
  [data-places] > .xf-brand > .xf-lockup { display: none; }
  [data-places] > .xf-brand > .xf-brand-mark { display: flex; }
}