/* BNP Works — supplied Cognac Depth / Gentle Embrace / Heirloom Beige / Polished Bronze palette. */
:root {
  color-scheme: light;
  --brand-cognac: #361E02;
  --brand-ivory: #F4EDE3;
  --brand-beige: #BAAA93;
  --brand-bronze: #8C6B4C;
  --brand-ink: var(--brand-cognac);
  --brand-oak: var(--brand-beige);
  --brand-light-oak: color-mix(in srgb, var(--brand-ivory) 60%, var(--brand-beige));
  --brand-walnut: var(--brand-bronze);
  --brand-chalk: var(--brand-ivory);
  /* Compatibility aliases shared with the existing enquiry illustrations. */
  --brand-navy: var(--brand-cognac);
  --brand-black: #040605;
  --brand-grey: var(--brand-bronze);
  --brand-ochre: var(--brand-oak);
  --brand-wood: var(--brand-walnut);
  --brand-white: var(--brand-chalk);
  --page: #ffffff;
  --surface: color-mix(in srgb, #ffffff 65%, var(--brand-ivory));
  --surface-raised: #ffffff;
  --surface-soft: color-mix(in srgb, #ffffff 35%, var(--brand-ivory));
  --surface-warm: color-mix(in srgb, #ffffff 45%, var(--brand-chalk));
  --surface-selected: var(--brand-ivory);
  --surface-warning: color-mix(in srgb, #ffffff 50%, var(--brand-light-oak));
  --image-frame: var(--brand-chalk);
  --text: var(--brand-ink);
  --text-secondary: var(--brand-cognac);
  --text-muted: color-mix(in srgb, var(--brand-grey) 42%, var(--brand-ink));
  --border: color-mix(in srgb, #ffffff 50%, var(--brand-beige));
  --control-border: color-mix(in srgb, var(--brand-grey) 70%, var(--brand-ink));
  --control-active: var(--brand-cognac);
  --accent: var(--brand-cognac);
  --focus: var(--brand-cognac);
  --check-accent: var(--brand-cognac);
  --warning-text: color-mix(in srgb, var(--brand-walnut) 75%, var(--brand-ink));
  --warning-border: var(--brand-walnut);
  --button-bg: var(--brand-cognac);
  --button-text: #ffffff;
  --button-hover: var(--brand-bronze);
  --button-border: var(--brand-cognac);
  --accent-bg: var(--brand-light-oak);
  --accent-text: var(--brand-ink);
  --accent-hover: var(--brand-oak);
  --detail-accent: var(--brand-bronze);
  --inverse-bg: var(--brand-cognac);
  --inverse-text: var(--brand-white);
  --inverse-muted: color-mix(in srgb, var(--brand-white) 88%, var(--brand-grey));
  --inverse-accent: color-mix(in srgb, var(--brand-white) 80%, var(--brand-ochre));
  --shadow-soft: color-mix(in srgb, var(--brand-black) 8%, transparent);
  --shadow-strong: color-mix(in srgb, var(--brand-black) 25%, transparent);
  --backdrop: color-mix(in srgb, var(--brand-black) 65%, transparent);
  --diagram-line: var(--brand-cognac);
  --diagram-panel: var(--brand-chalk);
  --diagram-wall: var(--brand-ivory);
  --diagram-highlight: #ffffff;
  --diagram-wood: var(--brand-oak);
  --diagram-wood-light: var(--brand-light-oak);
  --diagram-edge: var(--brand-walnut);
  --navy: var(--brand-navy);
  --ink: var(--text);
  --muted: var(--text-muted);
  --rust: var(--accent);
  --cream: var(--brand-white);
  --paper: var(--page);
  --line: var(--border);
}
@media screen and (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --page: var(--brand-black);
    --surface: color-mix(in srgb, var(--brand-navy) 18%, var(--brand-black));
    --surface-raised: color-mix(in srgb, var(--brand-grey) 12%, var(--brand-black));
    --surface-soft: color-mix(in srgb, var(--brand-navy) 27%, var(--brand-black));
    --surface-warm: color-mix(in srgb, var(--brand-wood) 25%, var(--brand-black));
    --surface-selected: color-mix(in srgb, var(--brand-navy) 48%, var(--brand-black));
    --surface-warning: color-mix(in srgb, var(--brand-wood) 28%, var(--brand-black));
    --image-frame: color-mix(in srgb, var(--brand-navy) 20%, var(--brand-black));
    --text: var(--brand-white);
    --text-secondary: var(--brand-white);
    --text-muted: color-mix(in srgb, var(--brand-grey) 80%, var(--brand-white));
    --border: color-mix(in srgb, var(--brand-grey) 38%, var(--brand-black));
    --control-border: var(--brand-bronze);
    --control-active: var(--brand-beige);
    --accent: var(--brand-ivory);
    --focus: var(--brand-beige);
    --check-accent: var(--brand-beige);
    --warning-text: color-mix(in srgb, var(--brand-ochre) 45%, var(--brand-white));
    --warning-border: color-mix(in srgb, var(--brand-ochre) 60%, var(--brand-white));
    --button-bg: var(--brand-beige);
    --button-text: var(--brand-black);
    --button-hover: var(--brand-ivory);
    --button-border: var(--brand-beige);
    --shadow-soft: color-mix(in srgb, var(--brand-black) 40%, transparent);
    --shadow-strong: color-mix(in srgb, var(--brand-black) 75%, transparent);
    --backdrop: color-mix(in srgb, var(--brand-black) 80%, transparent);
    --diagram-line: color-mix(in srgb, var(--brand-grey) 65%, var(--brand-white));
    --diagram-panel: color-mix(in srgb, var(--brand-navy) 62%, var(--brand-black));
    --diagram-wall: color-mix(in srgb, var(--brand-navy) 22%, var(--brand-black));
    --diagram-highlight: color-mix(in srgb, var(--brand-white) 70%, var(--brand-grey));
    --diagram-wood: var(--brand-wood);
    --diagram-wood-light: color-mix(in srgb, var(--brand-wood) 65%, var(--brand-ivory));
    --diagram-edge: color-mix(in srgb, var(--brand-grey) 80%, var(--brand-white));
  }
}
html { background: var(--page); }
::selection { background: var(--button-bg); color: var(--button-text); }
body { background: var(--page); color: var(--text); }
input, select, textarea, button { color-scheme: inherit; }
.brand-mark { display: block; width: fit-content; max-width: 100%; flex-shrink: 0; }
.button-dark, .primary {
  background: var(--button-bg); color: var(--button-text);
  box-shadow: inset 0 0 0 1px var(--button-border);
}
.button-dark:hover, .primary:hover { background: var(--button-hover); }
.button-accent { background: var(--accent-bg); color: var(--accent-text); }
.button-accent:hover { background: var(--accent-hover); }
.service-tabs [aria-selected="true"], .service-tabs [aria-selected="true"]:hover {
  background: var(--button-bg); color: var(--button-text); border-color: var(--button-border);
}
.space-card.selected { border-color: var(--control-active); }
.room-tab.active, .active .step-num, .selected .checkmark { border-color: var(--control-active); }
.room-tab.active, .active .step-num, .selected .checkmark { background: var(--button-bg); color: var(--button-text); }
.skip-link { background: var(--button-bg); color: var(--button-text); }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--control-active); }
.inline-check input, .confirm-check input { accent-color: var(--check-accent); }
.company-contacts a, .footer-company { color: var(--text-secondary); }
.company-contacts a:hover { color: var(--accent); }
.summary-brand a { color: var(--text-secondary); }
dialog { background: var(--surface-raised); }
#toast { background: var(--inverse-bg); color: var(--inverse-text); }
@media print {
  :root { color-scheme: light; }
  html, body { background: none !important; color: var(--brand-black); }
  .brand-logo { filter: none; }
}