/* Brand 2026 (27 Sep 2026): the owner's logo kit ("Current Working copy/Logo 2026", brand sheet "0 Start here").
   Hand-written. Loaded LAST on every page by sitegen/shell.py BRAND_CSS (after rhythm.css, type.css and a11y.css).
   README section 11.6. The logo files are verbatim copies in assets/brand/ (never stretched, recoloured or shadowed).

   Brand colours: Sun #F5A300 · Sundial blue #0066CC · Ink #1D1D1F · Light blue #5AA9FF (dark backgrounds only; the site
   has none, so it is not used). Font: Geist (already the site font). */

/* 1. Colour tokens. d12's Clean White palette already had Sundial blue for buttons and Ink for text; links now use the
      brand blue too (was #0055AA), and the Sun accent is the brand's (was #F2B35B). The Sun stays a small accent where
      the design already had one: the light-level meter bars on product pages and the sun icon in the day timeline.
      Contrast: white on #0066CC 5.57:1; #0066CC text on white 5.57, on paper #F5F5F7 5.11, on #EEF4FB 5.03 (AA). */
html:not([data-palette="original"]) {
  --iris: #0066CC;        /* buttons, selected states (unchanged) */
  --iris-d: #0066CC;
  --iris-rgb: 0, 102, 204;
  --iris-text: #0066CC;   /* link text: was #0055AA */
  --iris-h: #0055AA;      /* hover and pressed: a shade darker (unchanged) */
  --ink: #1D1D1F;         /* main text (unchanged) */
  --sun: #F5A300;         /* was #F2B35B */
}
.sbh { --accent: #0066CC; --ink: #1D1D1F; }   /* the header include's own tokens (unchanged values, stated here) */

/* 2. Header: the stacked colour logo (the bar and the phone drawer's bar). The bar keeps its height (72px desktop,
      64px below 1024px), so nothing under it moves. Sizes are set by width (the height follows, never stretched):
      1280px and up: 161px wide (48px tall) · 1024-1279: 147px (44px), so the menu and the button keep one line ·
      360-1023: 134px (40px) · under 360px: 114px (34px), so it keeps clear of the Call and Menu buttons.
      Only when the row runs out of room (e.g. someone widens letter and word spacing, WCAG 1.4.12) does the logo give
      way first, down to 96px wide (29px tall; the kit's stacked minimum is 80px), before the menu or the button. */
.sbh .h-brand { flex: 0 100 auto; min-width: 96px; }
.sbh .h-brand img { width: 161px; height: auto; max-width: 100%; }
@media (min-width: 1024px) and (max-width: 1279px) { .sbh .h-brand img { width: 147px; } }
@media (max-width: 1023px) { .sbh .h-brand img { width: 134px; } }
@media (max-width: 359px) { .sbh .h-brand img { width: 114px; } }

/* 3. Footer (light): the stacked colour logo, 52px tall (174px wide), with clear space (half the sun's height, 24px)
      before the words under it. */
.footer .brand--footer img { height: 52px; width: auto; max-width: none; }
.footer .brand--footer { margin-bottom: 4px; }

/* 4. Phone numbers in the brand colours (owner, 27 Sep 2026; README section 11.10). One shared class, .tel-link, added
      by the generator only where a phone number stands on its own on a light background: the footer Contact column, the
      "Call us" / "Prefer to call?" boxes (Contact, Book, Build a blind, the client area), the How it works contact
      step, the Home hero's "Call 647-300-1033" and the "Call 647-300-1033" link under the questions on info pages.
      Not used on buttons (the phone bar's Call, "Call 647-300-1033" buttons, the header's round Call button) or on phone
      numbers inside a sentence (they keep the paragraph's own link style). The header's top strip: since theme 3.1 (owner
      note 23, 30 Sep 2026) its phone number beside FAQ and Contact takes the same look (4b below); the other strip links
      stay in Ink.
      Number: Sundial blue #0066CC (5.57:1 on white, 5.11 on #F5F5F7; AA), a shade darker #0055AA on hover and keyboard
      focus, underlined on hover. Icon: a solid Sun #F5A300 handset (an outline in Sun was too faint on white). The icon
      is decorative (aria-hidden, the number is the link text), so its contrast is not a WCAG requirement.
      Dark or blue background (none on the site today): add .tel-link--on-dark for Light blue #5AA9FF text (white on
      hover); on a Sundial-blue background leave the number white instead. */
a.tel-link { color: #0066CC; }
a.tel-link:hover, a.tel-link:focus-visible { color: #0055AA; }
a.tel-link:hover { text-decoration: underline; text-underline-offset: 4px; }
a.tel-link .i, a.tel-link:hover .i, a.tel-link:focus-visible .i { color: #F5A300; fill: currentColor; stroke: currentColor; }
a.tel-link.tel-link--on-dark { color: #5AA9FF; }
a.tel-link.tel-link--on-dark:hover, a.tel-link.tel-link--on-dark:focus-visible { color: #FFFFFF; }

/* 4b. The header's phone number (owner note 23, 30 Sep 2026): blue #0066CC with the solid Sun #F5A300 handset, like the
      free-consultation band's phone. The theme owns this look (the Sundial Menu plugin prints the markup; it does not
      restyle .util__tel). The selectors are stronger than the Menu's ".sbh .util__links a" / ".sbh .util__links .i", so
      they win whatever the load order. The same for the theme's own header (Sundial Menu off). On the strip's paper
      #F5F5F7: #0066CC 5.11:1 and hover #0055AA 6.63:1 (AA); on white (fallback bar) 5.57 and 7.25. */
.sbh .util a.util__tel, .sbt-fh a.sbt-fh__tel { color: #0066CC; }
.sbh .util a.util__tel:hover, .sbh .util a.util__tel:focus-visible, .sbt-fh a.sbt-fh__tel:hover, .sbt-fh a.sbt-fh__tel:focus-visible { color: #0055AA; }
.sbh .util a.util__tel:hover, .sbt-fh a.sbt-fh__tel:hover { text-decoration: underline; text-underline-offset: 3px; }
.sbh .util a.util__tel .i, .sbh .util a.util__tel:hover .i, .sbt-fh a.sbt-fh__tel .i, .sbt-fh a.sbt-fh__tel:hover .i { color: #F5A300; fill: currentColor; stroke: currentColor; }