/* MyHomiQ identity, approved preview — 12 November 2026.
   Applies to the existing static site and preserves its application code. */
:root,html[data-theme="dark"]{
  --mh-crimson:#8F1024;--mh-gold:#D69B29;--mh-gold-light:#FFF3C4;
  --mh-ivory:#F8EFE8;--mh-graphite:#171A1F;--mh-white:#FFFFFF;
  --paper:#171A1F;--ink:#FFFFFF;--olive:#D69B29;--muted:#BDBCC2;
  --line:#FFFFFF26;--white:#FFFFFF;--amber:#D69B29;--surface:#24272D;
  --serif:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --button-radius:8px;--button-card-radius:12px;--button-focus:#FFF3C4;
  --button-solid-bg:#D69B29;--button-solid-fg:#171A1F;
  --button-border:#FFFFFF40;--button-hover:#FFFFFF0D;
  --button-active:#8F1024;--button-text:#F8EFE8;--button-caption:#C7C1C8;
  --s-bg:#171A1F;--s-panel:#24272D;--s-panel-alt:#2C3038;
  --s-text:#FFFFFF;--s-muted:#C7C1C8;--s-gold:#FFF3C4;
  --s-line:#FFFFFF26;--s-glass:#171A1FEE;--s-shadow:0 20px 60px #00000012;
}
html[data-theme="light"]{
  --paper:#F8EFE8;--ink:#171A1F;--olive:#8F1024;--muted:#625B63;
  --line:#D8CDC5;--white:#FFFFFF;--amber:#8F1024;--surface:#FFFFFF;
  --button-focus:#8F1024;--button-solid-bg:#8F1024;--button-solid-fg:#FFFFFF;
  --button-border:#BFA9AD;--button-hover:#8F10240A;--button-active:#8F1024;
  --button-text:#8F1024;--button-caption:#6B5D65;
  --s-bg:#F8EFE8;--s-panel:#FFFFFF;--s-panel-alt:#EEE1D8;
  --s-text:#171A1F;--s-muted:#625B63;--s-gold:#8F1024;
  --s-line:#D8CDC5;--s-glass:#F8EFE8F5;--s-shadow:0 20px 60px #171A1F08;
}
html body,html .site{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}
html .site :is(h1,h2,h3){font-family:inherit;font-weight:700}
html .site :is(.s-section,.s-hero) em{font-family:inherit;font-style:normal;font-weight:inherit;color:inherit}
html .site .s-section :is(h1,h2){font-weight:700}
html .site .s-section .eyebrow{color:var(--s-gold);letter-spacing:.2px;font-size:12px;font-weight:600}
html .site :is(.s-home,.s-page,.s-contact) .text-link{color:var(--s-gold)}

/* The primary mark sits on ivory; the reverse mark sits on graphite. */
html .site .header{background:var(--mh-ivory);color:var(--mh-graphite);border-color:#D8CDC5;min-height:104px;height:auto;padding-block:18px}
html .site .header .myhomiq-brand{color:var(--mh-crimson);gap:13px;font-size:26px}
html .site .myhomiq-brand .brand-name{font-family:inherit;font-weight:700;letter-spacing:-.8px}
html .site .header .brand-iq{color:var(--mh-crimson)}
html .site .header .myhomiq-brand small{color:#69606A;font-family:inherit;font-size:8px;letter-spacing:.25px;margin-top:7px}
html .site .myhomiq-brand .brand-symbol{display:block;flex-shrink:0;width:58px;height:60px;border:0;border-radius:0;background:url('/brand/myhomiq-carmesim-dourado.svg') center/contain no-repeat}
html .site .myhomiq-brand .brand-symbol>svg{display:none}
html .site .header .nav{background:#FFFFFF55;border-color:#D8CDC5}
html .site .header :is(.nav>a,.language-switch button,.theme-switch,.menu-button){color:#62545D}
html .site .header :is(.nav>a.active,.language-switch button.selected){color:#FFFFFF}
html .site .header .selection-pill{background:var(--mh-crimson);box-shadow:none}
html .site .header .language-switch{background:#FFFFFF55;border-color:#CBB8BB}
html .site .header{--button-focus:#8F1024;--button-border:#CBB8BB;--button-hover:#8F10240A;--button-text:#8F1024}
html .site .header .nav.open{background:var(--mh-ivory);border-color:#CBB8BB}

/* The homepage follows the approved mix of ivory and graphite. */
html .site .s-home{
  --s-bg:#F8EFE8;--s-panel:#FFFFFF;--s-panel-alt:#EEE1D8;
  --s-text:#171A1F;--s-muted:#625B63;--s-gold:#8F1024;--s-line:#D8CDC5;
  --s-glass:#F8EFE8F5;--button-focus:#8F1024;--button-solid-bg:#8F1024;
  --button-solid-fg:#FFFFFF;--button-border:#BFA9AD;--button-hover:#8F10240A;
  --button-active:#8F1024;--button-text:#8F1024;--button-caption:#6B5D65;
  background:var(--mh-ivory);color:var(--mh-graphite)
}
html .site .s-home .s-section{background:var(--mh-ivory)}
html .site .s-hero{background:var(--mh-graphite);--button-focus:#FFF3C4;--button-solid-bg:#D69B29;--button-solid-fg:#171A1F;--button-text:#FFFFFF;--button-border:#FFFFFF66}
html .site .s-hero h1,html .site .s-hero h1 em{font-family:inherit;color:#FFFFFF;font-weight:700;font-style:normal}
html .site .s-hero .eyebrow{color:var(--mh-gold-light);letter-spacing:.25px;font-size:11px}
html .site .s-hero-content>p:not(.eyebrow){color:#EAE6E5}
html .site .s-hero-signature,html .site .s-hero-bottom{color:#DDD3C8}
html .site .s-hero:after{background:linear-gradient(90deg,#171A1FF2 0%,#171A1FCB 29%,#171A1F4D 61%,#171A1F0C 85%),linear-gradient(#171A1F00 74%,#171A1FB8)}
html .site .s-hero .ui-button[data-button-kind="outline"]{color:#FFFFFF;background:#171A1F70;border-color:#FFFFFF66}
html .site .s-home .s-demo{
  --s-bg:#171A1F;--s-panel:#24272D;--s-panel-alt:#2C3038;
  --s-text:#FFFFFF;--s-muted:#C7C1C8;--s-gold:#FFF3C4;--s-line:#FFFFFF26;
  --button-focus:#FFF3C4;--button-solid-bg:#D69B29;--button-solid-fg:#171A1F;
  --button-border:#FFFFFF40;--button-hover:#FFFFFF0D;--button-active:#8F1024;
  --button-text:#F8EFE8;--button-caption:#C7C1C8;
  background:var(--mh-graphite);color:#FFFFFF;max-width:none
}
html .site .s-demo-tabs .selection-pill,html .site .s-preference-tabs .selection-pill{background:var(--mh-crimson);box-shadow:none}
html .site :is(.s-demo-tabs,.s-preference-tabs) .ui-button[aria-pressed="true"]{color:#FFFFFF}
html .site .s-home .s-demo .s-demo-panel{background:var(--mh-graphite);border-radius:12px}
html .site .s-consultation,html .site .s-home .s-consultation{
  --s-text:#FFFFFF;--s-muted:#F6D9DF;--s-gold:#FFF3C4;--s-line:#FFFFFF30;
  --button-solid-bg:#FFF3C4;--button-solid-fg:#171A1F;--button-focus:#FFF3C4;
  background:var(--mh-crimson);color:#FFFFFF;max-width:none
}
html .site .s-consultation h2{color:#FFFFFF}
html .site .s-consultation .eyebrow{color:var(--mh-gold-light)}
html .site .s-consultation>p{color:#F6D9DF}

/* Shared controls keep their interaction behavior and gain the brand colors. */
html .site .ui-button[data-button-size]{font-weight:600}
html .site .ui-button[data-button-size]>.selection-pill{background:var(--mh-crimson);box-shadow:none}
html .site .ui-button[data-button-selected="true"]{color:#FFFFFF}
html .site .ui-button[data-button-selected="true"]:not([data-button-slider]){color:#FFFFFF;background:var(--mh-crimson);border-color:var(--mh-crimson)}
html .site .ui-button[data-button-kind="solid"]:hover:not(:disabled){background:var(--mh-gold-light);color:var(--mh-graphite)}
html .site .s-contact-form{border-radius:12px}
html .site .s-contact-form .field :is(input:not([type="checkbox"]),textarea){font-family:inherit;border-radius:8px}
html .site :is(.s-service-card,.s-package,.s-project-path){border-radius:12px}
html .site .selection-pill{background:var(--button-active);box-shadow:none}
html .site .footer{
  --button-solid-bg:#D69B29;--button-solid-fg:#171A1F;--button-text:#F8EFE8;
  --button-border:#FFFFFF40;--button-focus:#FFF3C4;
  background:var(--mh-graphite);color:#FFFFFF;border-color:#FFFFFF26
}
html .site .footer .myhomiq-brand{color:#FFFFFF;gap:12px}
html .site .footer .brand-iq{color:#FFFFFF}
html .site .footer .myhomiq-brand .brand-symbol{width:48px;height:50px;background-image:url('/brand/myhomiq-sobre-escuro.svg')}
html .site .footer .myhomiq-brand small{color:#C7C1C8;letter-spacing:.25px;font-size:8px}
html .site .footer-identity>p{color:var(--mh-gold-light)}
html .site .footer :is(.footer-links,.s-placeholder-contact,.s-placeholder-contact small,.s-social-links){color:#D1CBD2}
html .site .footer .footer-bottom{color:#C7C1C8;border-color:#FFFFFF26}

@media(max-width:1100px){html .site .header .myhomiq-brand{font-size:23px;gap:10px}html .site .header .brand-symbol{width:50px;height:52px}html .site .header .myhomiq-brand small{font-size:7px}}
@media(max-width:800px){
  html .site .s-hero-content{background:var(--mh-graphite)}
  html .site .s-hero-bottom{background:var(--mh-graphite)}
  html .site .s-hero-weather{background:var(--mh-graphite);color:#FFFFFF;border-color:#FFFFFF40}
  html .site .s-hero-weather .weather-pair small{color:var(--mh-gold-light)}
  html .site .s-hero h1{color:#FFFFFF}
  html .site .s-hero .eyebrow{color:var(--mh-gold-light)}
}
@media(max-width:560px){
  html .site .header{min-height:92px;padding:16px 4%;gap:10px}
  html .site .header .myhomiq-brand{font-size:22px;gap:8px}
  html .site .header .myhomiq-brand .brand-symbol{width:44px;height:46px}
  html .site .header .myhomiq-brand small{font-size:6.3px;letter-spacing:.05px}
  html .site .header .header-actions{gap:6px}
  html .site .header .global-preferences{gap:5px}
  html .site .header .language-switch .ui-button[data-button-size]{--button-height:32px;--button-padding:7px;font-size:10px}
  html .site .header :is(.theme-switch,.menu-button){--button-height:32px;--button-icon:18px}
  html .site .s-hero h1{font-size:clamp(40px,11vw,58px)}
}
@media(max-width:360px){html .site .header .myhomiq-brand{font-size:20px;gap:6px}html .site .header .myhomiq-brand .brand-symbol{width:40px;height:42px}html .site .header .myhomiq-brand small{display:none}html .site .header .language-switch .ui-button[data-button-size]{--button-padding:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}