/* QLet brand: front-door green, brass plaque detail, EPC A–G band as the one signature motif. */
@font-face{
  font-family:"Manrope";
  src:url("/fonts/manrope-latin-wght-normal.woff2") format("woff2");
  font-weight:200 800;font-style:normal;font-display:swap;
}
:root{
  --bg:#F5F7F5; --surface:#FFFFFF; --ink:#14201C; --muted:#55625D; --line:#D7DFDB; --soft:#EDF2EF;
  --accent:#17463C; --accent-ink:#FFFFFF; --accent-soft:#E2EDE8; --accent-hover:#0F362E;
  --brass:#B8893A;
  --ok:#1E7B47; --ok-soft:#E1F2E7; --warn:#8A5200; --warn-soft:#FBEFD9; --bad:#B42318; --bad-soft:#FAE5E2;
  --epc-a:#008054; --epc-b:#19B459; --epc-c:#8DCE46; --epc-d:#FFD500; --epc-e:#FCAA65; --epc-f:#EF8023; --epc-g:#E9153B;
  --wa:#DCF8C6; --wa-ink:#13281A;
  --font:"Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
  --display:var(--font); --body:var(--font); --mono:var(--font);
  --radius:10px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0D1412; --surface:#141E1B; --ink:#E5EDE9; --muted:#9BAEA6; --line:#26352F; --soft:#1A2622;
  --accent:#86C9B3; --accent-ink:#06120E; --accent-soft:#1B312A; --accent-hover:#A3D9C7;
  --brass:#D2A75A;
  --ok:#5CC98B; --ok-soft:#14301F; --warn:#F0B35A; --warn-soft:#352610; --bad:#F2877D; --bad-soft:#3A1815;
  --wa:#1F3B2A; --wa-ink:#DFF5E5; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0D1412; --surface:#141E1B; --ink:#E5EDE9; --muted:#9BAEA6; --line:#26352F; --soft:#1A2622;
  --accent:#86C9B3; --accent-ink:#06120E; --accent-soft:#1B312A; --accent-hover:#A3D9C7;
  --brass:#D2A75A;
  --ok:#5CC98B; --ok-soft:#14301F; --warn:#F0B35A; --warn-soft:#352610; --bad:#F2877D; --bad-soft:#3A1815;
  --wa:#1F3B2A; --wa-ink:#DFF5E5; color-scheme:dark}

/* Logo: the Q as an enamel house-number plaque */
.logo{display:inline-flex;align-items:center;gap:10px;font:800 1.3rem/1 var(--font);letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.logo-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--accent);color:var(--accent-ink);
  font:800 1.15rem/1 var(--font);box-shadow:inset 0 0 0 3px var(--accent),inset 0 0 0 4.5px var(--brass)}

/* The EPC band: seven ratings, A to G */
.epc-band{display:flex;height:4px;border-radius:2px;overflow:hidden}
.epc-band i{flex:1}
.epc-band i:nth-child(1){background:var(--epc-a)}.epc-band i:nth-child(2){background:var(--epc-b)}.epc-band i:nth-child(3){background:var(--epc-c)}
.epc-band i:nth-child(4){background:var(--epc-d)}.epc-band i:nth-child(5){background:var(--epc-e)}.epc-band i:nth-child(6){background:var(--epc-f)}
.epc-band i:nth-child(7){background:var(--epc-g)}