/* Paleta OiTutor inspirada na tag: laranja #FF6200 e marrom. */
:root{--tag-amber:#ff6200;--tag-brown:#5b3b2b;--tag-ink:#493024;--tag-background:#fff8ed;--tag-border:#d7c1a9;color-scheme:light}
body{background:var(--tag-background);color:var(--tag-ink)}
header.brand-header{background:#ff6200;color:#2d1c14;border-bottom-color:var(--tag-brown)}
.brand-header h1,.brand-header h1 span{color:#2d1c14}
button,a.button{background:var(--tag-amber);color:#17110d;border-color:#b95700;font-weight:750}
button.secondary{background:#f3e5d5;color:#17110d;border-color:var(--tag-border)}
button:hover:not(:disabled),a.button:hover{background:#ff7b29}
button.secondary:hover:not(:disabled){background:#ead5bd}
button:disabled{background:#e5ddd5;color:#51453b;opacity:1;cursor:not-allowed}
a{color:#79502f}
input,select,textarea{color:var(--tag-ink);background:#fff;border-color:var(--tag-border);accent-color:var(--tag-brown)}
:where(button,a,input,select,textarea):focus-visible{outline:3px solid #79502f;outline-offset:3px}
h1,h2,h3,h4,legend{color:var(--tag-brown)}
.panel{box-shadow:0 2px 12px #5b3b2b12}
.pill{background:#ffedc2;color:var(--tag-brown)}
fieldset{border-color:var(--tag-border)}

/* Keep text and icons equally readable in every button state. */
:is(button,a.button) :is(span,strong,small,svg){color:inherit}
:is(button,a.button):hover:not(:disabled){color:#17110d}
a.whatsapp{background:#116a32;color:#fff}

header.brand-header{background:#fff8ed;border-bottom:4px solid #ff6200}
.brand-logo{display:block;width:min(100%,440px);height:auto}
@media(max-width:600px){.brand-logo{width:min(100%,340px)}}
