/* TawheedTech official brand system — generated from the supplied transparent logo artwork. */
:root{
  --tt-teal:#204544;--tt-teal-dark:#142F2E;--tt-teal-deep:#0D2322;
  --tt-gold:#E5A72A;--tt-gold-dark:#B87913;--tt-ivory:#FFFCF7;--tt-cream:#F6F0E4;
  --tt-ink:#172827;--tt-muted:#687674;
}
.official-logo{display:inline-block;flex:0 0 auto;background-position:center;background-repeat:no-repeat;background-size:contain}
.official-logo-horizontal{width:172px;height:48px;background-image:url('/assets/brand/logo-horizontal-light.png')}
.official-logo-mark{width:34px;height:34px;background-image:url('/assets/brand/logo-mark-light.png')}
.official-logo-full{width:190px;aspect-ratio:1.008;background-image:url('/assets/brand/logo-full-light.png')}
html[data-theme="dark"] .official-logo-horizontal,.on-dark .official-logo-horizontal,.section-dark .official-logo-horizontal,.site-footer .official-logo-horizontal{background-image:url('/assets/brand/logo-horizontal-dark.png')}
html[data-theme="dark"] .official-logo-mark,.on-dark .official-logo-mark,.section-dark .official-logo-mark,.site-footer .official-logo-mark{background-image:url('/assets/brand/logo-mark-dark.png')}
html[data-theme="dark"] .official-logo-full,.on-dark .official-logo-full,.section-dark .official-logo-full,.site-footer .official-logo-full{background-image:url('/assets/brand/logo-full-dark.png')}
.site-header:not(.is-scrolled) .official-logo-horizontal{background-image:url('/assets/brand/logo-horizontal-dark.png')}
html[data-theme="light"] .site-header.is-scrolled .official-logo-horizontal{background-image:url('/assets/brand/logo-horizontal-light.png')}
html[data-theme="dark"] .site-header.is-scrolled .official-logo-horizontal{background-image:url('/assets/brand/logo-horizontal-dark.png')}
.brand,.tool-brand{min-width:max-content}
.brand .official-logo-horizontal{width:178px;height:50px}
.tool-brand .official-logo-horizontal{width:168px;height:46px}
.eyebrow .official-logo-mark{width:19px;height:19px}
.form-top .official-logo-mark{width:28px;height:28px}
.footer-brand .official-logo-horizontal{width:190px;height:54px}
.brand-official-note{color:var(--tt-muted)}
/* Exact palette application */
::selection{background:rgba(229,167,42,.34)!important;color:#142f2e!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:rgba(229,167,42,.72)}
html[data-theme="dark"] body{color-scheme:dark}
@media(max-width:560px){.brand .official-logo-horizontal{width:148px;height:42px}.tool-brand .official-logo-horizontal{width:145px;height:41px}}