/* Isla Tech brand kernel (2026-09-26). Owner: "coqui can be our blue … i dont feel there is a unified brand that is
   consistant acress products" → "go".
   ONE source for the colours, the mark beside every "Isla Tech" wordmark, and the sign-off at the foot of every
   Isla Tech product page. Pages keep their own layouts; this file only adds. Loaded by tools/brand-sweep.js
   (never hand-add it — re-run the sweep).
     Coquí teal  #12B5BE  our blue — the mark, links and live states on product screens
     Eye gold    #C9A96A  the accent — the frog's eye ring, the consulting brass
     Night ink   #0B1218  the base
     Leaf        #1E3B3E  raised surfaces on ink
     Mist        #CFE3E1  quiet text on ink                                                                     */
:root{
  --isla-teal:#12B5BE; --isla-teal-deep:#0B6E7C; --isla-gold:#C9A96A;
  --isla-ink:#0B1218;  --isla-leaf:#1E3B3E;      --isla-mist:#CFE3E1;
  /* The type floor + tap size of UI_STANDARD.md §3/§5 (2026-09-29, after the 9/28 sweep found 1,446 sub-12px labels
     on the product pages: 9.5px badges, 10px kickers, 10.5px table heads). Every Isla Tech page sizes its captions,
     kickers, badges, table heads and form labels from these — never a literal under 12px again. */
  --isla-fs-body:16px; --isla-fs-2:14px; --isla-fs-cap:12px; --isla-fs-legal:11px;
  --isla-track:.12em;   /* letter-spaced caps at 12px carry at most .12em (§5) */
  --isla-tap:44px;      /* the touch target (§3); 48 preferred on a primary action */
}
/* !important on purpose: pages carry their own img resets (display:block; width:100%; borders) and the mark must
   look the same beside every wordmark */
img.isla-mark{display:inline-block !important;width:1.5em !important;height:auto !important;max-width:none !important;
  margin:0 .45em 0 0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;
  vertical-align:-.3em !important;flex:0 0 auto;box-shadow:none !important}
.isla-in-h1 > img.isla-mark{width:1.15em !important;vertical-align:-.12em !important}
.isla-signoff{box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;margin:0;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0));
  background:var(--isla-ink);border-top:1px solid rgba(201,169,106,.28);color:var(--isla-mist);
  font:500 13px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:.01em;text-align:center}
.isla-signoff a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:var(--isla-tap);padding:2px 8px}   /* a 20px-tall link failed §3 on every page's touch pass */
.isla-signoff a:hover b{color:var(--isla-teal)}
.isla-signoff a > img{width:28px !important;height:auto !important;display:block !important;margin:0 !important;padding:0 !important;border:0 !important;max-width:none !important;background:none !important}
.isla-signoff b{font-weight:700;color:#EAF7F8}
.isla-signoff .isla-dot{color:var(--isla-gold)}
.isla-signoff .isla-by{color:var(--isla-gold);font-weight:600}
.isla-signoff .isla-by img{display:inline-block !important;width:18px !important;height:18px !important;max-width:none !important;margin:0 6px 0 0 !important;padding:0 !important;vertical-align:-4px !important;border-radius:50% !important;object-fit:cover;border:1px solid var(--isla-teal) !important}
/* §4 keep-out: a floating button marked data-isla-float is moved by isla-brand.js to the first free anchor (never on a
   control, never hiding text); the move is an inline transform so each page's own placement CSS stays the home position.
   No transition on it: a transform transition on a fixed, will-change'd button stayed "running" at its start value in a
   hidden tab (computed transform never moved), so the move is instant and certain. */
[data-isla-float]{transition-property:none}
/* §4: a page with a floating button reserves its height at the very foot, so the sign-off line is readable when the page is
   scrolled to the end (the button's home is the bottom-right corner; 49-50px tall + 22px off the edge + 16px clearance) */
html:has([data-isla-float]) .isla-signoff{padding-bottom:calc(88px + env(safe-area-inset-bottom,0))}
@media print{.isla-signoff{display:none}}