/* Taarava identity. Diagram strokes and measurement colors remain semantic. */
@font-face{font-family:TaaravaSans;src:url('assets/fonts/iran-sans/IRANSansWeb.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:TaaravaSans;src:url('assets/fonts/iran-sans/IRANSansWeb_Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--brand-primary:#102f50;--brand-hover:#1c456f;--brand-tint:#edf3f8;--brand-border:#d4dfe9;--brand-muted:#586d83;--brand-accent:#ac6253;--brand-accent-hover:#965244;font-family:TaaravaSans,Tahoma,Arial,sans-serif;color:var(--brand-primary);background:#f4f7fa}
body{color:var(--brand-primary)}
.catalog-page{--navy:#102f50;--navy-deep:#102f50;--navy-soft:#345572;--accent:#102f50;--line:#d4dfe9;--paper:#fff;color:var(--brand-primary);background:#f4f7fa}
body>header h1,body>main h2,.eyebrow,.sizes-kicker{color:var(--brand-primary)}
button,.file{border-color:var(--brand-border);color:var(--brand-primary);background:var(--brand-tint)}
button:hover:not(:disabled),.file:hover{border-color:#809bb6;background:#e2ebf3}
input:not([type=checkbox]):not([type=radio]),select{border-color:#b8c9d9;color:var(--brand-primary)}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #739bc1;outline-offset:3px}
.site-navigation{font-family:inherit;background:#ffffffed;border-color:var(--brand-border);box-shadow:0 3px 16px #102f5008}
.site-navigation a{border-color:var(--brand-border);color:var(--brand-primary)}
.site-navigation a:hover{background:var(--brand-tint);border-color:#809bb6}
.site-navigation .site-home{direction:rtl;gap:7px;padding:4px 8px;border:0;border-radius:8px;background:transparent;color:var(--brand-primary)}
.site-navigation .site-home:hover{background:var(--brand-tint);color:var(--brand-primary)}
.site-home img{display:block;width:132px;height:auto;object-fit:contain;flex:none}
.site-home span{font-size:13px;font-weight:700}
.catalog-hero{grid-template-columns:minmax(0,1fr) 220px;min-height:0;background:#fff;border-color:var(--brand-border)}
.catalog-hero::before{display:none}
.catalog-page .catalog-header{padding-top:12px;padding-bottom:18px}
.catalog-page .catalog-top{min-height:44px;margin-bottom:12px}
.catalog-page .hero-copy{padding:16px 24px}
.catalog-page .hero-copy h1{font-size:clamp(25px,2.2vw,30px);line-height:1.4;margin:0 0 6px}
.catalog-page .catalog-search{display:block;width:100%;margin-top:12px}
.catalog-page .catalog-search input{min-height:42px;margin-top:6px}
.taarava-about{margin-top:18px;padding:24px}
.taarava-about h2{margin:0 0 8px;font-size:20px}
.taarava-about>p{margin:0;line-height:2;color:var(--brand-muted);font-size:14px}
.taarava-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:20px 0 0;padding:0;list-style:none;counter-reset:taarava-step}
.taarava-steps li{position:relative;counter-increment:taarava-step;padding-inline-start:40px}
.taarava-steps li::before{content:counter(taarava-step,persian);position:absolute;inset-inline-start:0;top:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--brand-tint);color:var(--brand-primary);font-weight:700}
.taarava-steps strong,.taarava-steps span{display:block;font-size:13px;line-height:1.9}
.taarava-steps span{margin-top:5px;color:var(--brand-muted);font-size:12px}
.catalog-page .hero-kicker,.catalog-page .section-kicker{color:var(--brand-primary)}
.catalog-page .hero-kicker{border-color:var(--brand-border);background:var(--brand-tint)}
.catalog-page .brand-panel{min-height:0;padding:20px 16px;gap:0;background:#edf3f8;border-color:var(--brand-border);overflow:visible}
.brand-logo{display:block;width:min(100%,180px);line-height:0}
.catalog-page .brand-logo img{display:block;width:100%;height:auto;filter:none;object-fit:contain}
.catalog-page .brand-caption{margin:0;color:var(--brand-primary)}
.catalog-page .auth-open,.catalog-page .auth-dialog form>button,.cart-summary>button{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}
.catalog-page .auth-open:hover,.catalog-page .auth-dialog form>button:hover,.cart-summary>button:hover:not(:disabled){background:var(--brand-hover);color:#fff}
.cart-continue{color:var(--brand-primary)}
.site-navigation a[href="cart.html"]{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}
.site-navigation a[href="cart.html"]:hover{background:var(--brand-accent-hover);border-color:var(--brand-accent-hover);color:#fff}
.site-navigation a[href="cart.html"]:focus-visible{outline:3px solid #102f50;outline-offset:3px}
.size-actions .size-select,.size-dialog-actions button,#profile-save,.intake-progress{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}
.size-actions .size-select:hover,.size-dialog-actions button:hover,#profile-save:hover{background:var(--brand-hover);color:#fff}
.upper-actions button{background:var(--brand-primary);color:#fff}
.upper-actions button:hover{background:var(--brand-hover);color:#fff}
.sizes-page{background:#f4f7fa;color:var(--brand-primary)}
.intake-header .hero-kicker{color:var(--brand-primary);background:var(--brand-tint)}
.intake-header .hero-copy em{color:var(--brand-primary)}
.intake-progress span{color:#dce7f1}
.intake-progress progress,.intake-progress progress::-webkit-progress-bar{background:#42617f}
.intake-progress progress::-webkit-progress-value{background:#fff}
.intake-progress progress::-moz-progress-bar{background:#fff}
.intake-progress button{background:#fff;color:var(--brand-primary)}
.intake aside>section:first-child{background:var(--brand-tint);border-top-color:var(--brand-primary)}
.intake input:focus{border-color:#739bc1;box-shadow:0 0 0 3px #102f5012}
@media(max-width:900px) and (min-width:621px){.catalog-hero{grid-template-columns:minmax(0,1fr) 190px}}
@media(max-width:620px){.catalog-hero{grid-template-columns:1fr}.catalog-page .hero-copy{padding:14px 18px}.catalog-page .brand-panel{min-height:0;padding:8px 14px;gap:0;border-inline-start:0;border-top:1px solid var(--brand-border)}.brand-logo{width:120px}.site-navigation-inner{gap:8px}.site-home img{width:120px}.taarava-about{padding:20px}.taarava-steps{grid-template-columns:1fr;gap:16px}}

.auth-recovery-link{display:inline-block;margin-top:12px;color:var(--brand-primary);font-size:13px}

/* Small accents identify useful actions without recoloring whole sections. */
.sizes-page .create-size,#new-ticket:not(:disabled),.catalog-page .type-tab.active{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}
.sizes-page .create-size:hover,#new-ticket:hover:not(:disabled),.catalog-page .type-tab.active:hover{background:var(--brand-accent-hover);border-color:var(--brand-accent-hover);color:#fff}
.sizes-page .create-size:focus-visible,#new-ticket:focus-visible,#profile-save:focus-visible,.upper-actions #save-profile:focus-visible,.catalog-page .type-tab.active:focus-visible{outline:3px solid var(--brand-primary);outline-offset:3px}

/* Empty fields are highlighted without changing validation or entered values. */
body input[data-empty-field="true"]:not(:disabled):not([readonly]),body textarea[data-empty-field="true"]:not(:disabled):not([readonly]),body select[data-empty-field="true"]:not(:disabled){border-color:var(--brand-accent)}
body input[data-empty-field="true"]:focus,body textarea[data-empty-field="true"]:focus,body select[data-empty-field="true"]:focus{border-color:var(--brand-accent);outline:3px solid #ac625326;outline-offset:2px}