/* Buyer's Room house style (18 Oct 2026, Theo): the Room palette from the Lit doorway kit (TBG's warm black,
   cream and fluoro lime) with two accents from Picasso's 1962 linocut, set in Inter, Circle's own typeface.
   Each colour has one job: lime = the button to press, labels and what the Room gives; lavender = outlines
   (card edges, button rims, focus); orange = highlights (the one number, the word to notice).
   Loaded after the Tailwind CDN on every page; it overrides the mirrored utility classes.
   Tokens: brand/BuyersRoom-brand/06-tokens/colors.css.
   The site follows the visitor's light or dark setting (Theo, 18 Oct 2026). Light: a cream ground with warm
   black type, so the dark film reads as a screen on the page. Dark: a lighter black (the kit's ground pool,
   #2B2725) rather than the old warm black, so the film still stands off the page. Lime is always the fill of
   the button to press; where lime is text or a rule it uses --lime-ink (olive on cream, lime on black).
   The member pages and Circle stay dark. */
:root{
  --bar:#EBE4D8;        /* header and footer: the shade */
  --lobby:#F4EFE7;      /* page: cream */
  --velvet:#EFE8DD;     /* alternate sections */
  --suite:#FCFBF7;      /* cards */
  --ink:#1C1A19;        /* headings: warm black, 15:1 on the page */
  --body:#3E3A37;       /* body, 9.8:1 */
  --muted:#6B665F;      /* small print, 4.5:1 or better on every ground */
  --lime:#EAFC96;       /* the button to press (a fill, with ink on it) */
  --lime-hi:#F4FFC4;
  --lime-ink:#4E5D0B;   /* lime as text or a rule: labels, links, list rules; olive here, 5.7:1 or better */
  --lavender:#A48EE8;   /* outlines: card edges, button rims, waiting */
  --lavender-ink:#7357D1; /* focus rings, 4.1:1 or better */
  --orange:#E8562E;     /* highlights: the one word in a headline */
  --orange-ink:#B23C15; /* orange as small text: the one number, past due; 4.7:1 or better */
  --hairline:rgba(28,26,25,.12);
  --glass:rgba(244,239,231,.92); /* sticky header and phone bar */
  --wash:rgba(28,26,25,.05);     /* a faint tint on the ground */
  --field:#FFFFFF;
  --field-edge:rgba(28,26,25,.4);
  --shade:rgba(28,26,25,.25);    /* drop shadows */
  /* the dark site's names, kept so page styles that use them follow the palette */
  --cream:var(--ink);
  --linen:var(--body);
  --smoke:var(--muted);
  --brass:var(--lime-ink);
  --brass-hi:var(--lime-hi);
  --font-h:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --font-b:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root{
    --bar:#211E1C;
    --lobby:#2B2725;    /* page: the lighter black */
    --velvet:#26221F;
    --suite:#36312E;
    --ink:#F4EFE7;      /* 12.9:1 on the page */
    --body:#D4CEC5;     /* 9.5:1 */
    --muted:#A39D95;    /* 4.8:1 or better on every ground */
    --lime-ink:#EAFC96; /* lime reads as itself on black, 11.5:1 or better */
    --lavender-ink:#A48EE8;
    --orange-ink:#F2805E; /* 4.9:1 or better */
    --hairline:rgba(244,239,231,.14);
    --glass:rgba(33,30,28,.92);
    --wash:rgba(244,239,231,.06);
    --field:#211E1C;
    --field-edge:rgba(244,239,231,.28);
    --shade:rgba(0,0,0,.55);
    color-scheme:dark;
  }
}
html{background:var(--bar)}
body{background:var(--lobby)!important;color:var(--linen)!important;font-family:var(--font-b)!important;
  background-image:none!important}

/* type */
h1,h2,h3,.font-extrabold{font-family:var(--font-h)!important;font-weight:500!important;letter-spacing:-.02em;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
h1{line-height:1.08!important}
.uppercase{font-family:var(--font-b)!important;font-weight:600!important;letter-spacing:.16em!important}
.text-navy{color:var(--cream)!important}
.text-ink,.text-ink\/75,.text-ink\/70{color:var(--linen)!important}
.text-white{color:var(--cream)!important}
.text-white\/75,.text-white\/85,.text-white\/90{color:var(--linen)!important}
.text-gold,.text-\[\#916923\],.text-\[\#9A6C20\],.text-\[\#966719\]{color:var(--brass)!important}
a{text-underline-offset:4px}
.decoration-gold{text-decoration-color:var(--lavender)!important}

/* rooms */
.bg-navy{background-color:var(--bar)!important}
.bg-paper\/95{background-color:var(--glass)!important}
.bg-paper{background-color:var(--lobby)!important}
.bg-white{background-color:var(--suite)!important}
.bg-\[\#F3F0E9\]{background-color:var(--velvet)!important}
.bg-\[\#142A47\]{background-color:var(--bar)!important;border-top:1px solid var(--hairline)}
.bg-\[\#F7EBD0\],.bg-\[\#FFF6E4\]{background-color:var(--suite)!important}
.bg-navy\/50{background-color:var(--wash)!important;color:var(--smoke)!important}
.bg-white\/10{background-color:var(--wash)!important}
header{border-bottom:1px solid var(--hairline)!important}
[class*="border-navy"],.border-white\/20,.border-y,.border-t,.border-b{border-color:var(--hairline)!important}
.divide-navy\/15>*+*,.divide-navy\/10>*+*{border-color:var(--hairline)!important}
[class*="border-gold"]{border-color:var(--lavender)!important}
.border-2.border-gold{border-width:2px!important;border-color:var(--lavender)!important;box-shadow:0 30px 60px -30px var(--shade)}
.rounded-2xl{border-radius:14px!important}
.shadow-2xl{box-shadow:0 40px 80px -30px var(--shade)!important}
section#hero{background-image:none!important}

/* buttons: lime pills with a lavender rim; the header's and secondary ones are lavender outlines */
.bg-gold{background-color:var(--lime)!important;color:#1C1A19!important;letter-spacing:.01em;box-shadow:0 0 0 2px var(--lavender)!important}
.bg-gold:hover{background-color:var(--lime-hi)!important}
header a.bg-navy{background-color:transparent!important;border:2px solid var(--lavender);color:var(--cream)!important;letter-spacing:.01em}
header a.bg-navy:hover{background-color:rgba(164,142,232,.14)!important}
a.bg-navy.inline-block{background-color:transparent!important;border:2px solid var(--lavender);color:var(--cream)!important}

/* forms */
input,select,textarea{background-color:var(--field)!important;color:var(--cream)!important;border-color:var(--field-edge)!important}
input:focus,select:focus,textarea:focus{outline:2px solid var(--lavender-ink)!important;outline-offset:1px}
:focus-visible{outline:2px solid var(--lavender-ink)!important;outline-offset:2px}
select option{background:var(--suite);color:var(--cream)}

/* the FAQ's plus and minus */
details summary:after{color:var(--brass)!important;font-weight:400!important}

/* the wordmark (replaces the PNG logos) */
.room-mark{display:inline-flex;align-items:center;gap:.6rem;color:var(--brass);text-decoration:none}
.room-mark svg{flex:none}
.room-mark span{font-family:var(--font-h);font-weight:500;font-size:1.25rem;letter-spacing:-.02em;color:var(--cream);white-space:nowrap}
footer .room-mark span{font-size:1.35rem}
/* the Lit doorway logo (17 Oct 2026; Inter wordmark and orange handle 18 Oct 2026): an outlined SVG, sized by height */
.room-mark img{display:block;height:34px;width:auto}
footer .room-mark img{height:38px}

/* lists: a short lime-ink rule instead of a tick */
.room-li{position:relative;padding-left:1.4rem}
.room-li:before{content:"";position:absolute;left:0;top:.72em;width:.7rem;height:1px;background:var(--brass)}

/* the games room */
.room-game{display:flex;flex-direction:column;gap:.9rem}
.room-tag{display:flex;justify-content:space-between;align-items:center}
.room-no{font-family:var(--font-h);font-weight:500;font-variant-numeric:lining-nums;color:var(--orange-ink);font-size:1rem}
.room-soon{font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);border:2px dashed var(--lavender);border-radius:999px;padding:.3rem .75rem}
.room-emblem{color:var(--brass)}

/* outline buttons stay readable; every navy pill becomes a lavender outline */
.border.border-navy{border-color:var(--lavender)!important}
.rounded-full.bg-navy{background-color:transparent!important;border:2px solid var(--lavender)!important;color:var(--cream)!important}
.rounded-full.bg-navy:hover{background-color:rgba(164,142,232,.14)!important}
[class*="hover:bg-navy"]:hover{background-color:rgba(164,142,232,.14)!important}
[class*="hover:border-gold"]:hover{border-color:var(--lavender)!important}

/* print (the open-home checklist): black on white paper */
@media print{
  html,body{background:#fff!important;background-image:none!important;color:#222!important}
  h1,h2,h3,.text-navy,.text-white,.text-ink,.text-ink\/75,.text-ink\/70,.text-gold{color:#111!important}
  .bg-white,.bg-\[\#F3F0E9\],.bg-\[\#F7EBD0\],.bg-\[\#FFF6E4\],.bg-navy,input,select,textarea{background:#fff!important;color:#111!important}
  [class*="border-navy"],[class*="border-gold"]{border-color:#bbb!important}
  .room-mark img{content:url(/assets/br-logo-light.svg)}
}

/* small phones: the wordmark and the header button share one line */
header a.rounded-full{white-space:nowrap}
@media (max-width:420px){.room-mark{gap:.45rem}.room-mark svg{width:26px;height:26px}.room-mark span{font-size:1.05rem}.room-mark img{height:28px}}