/* RUHAN SHOP · Unified Brand System · 2026-10-18
   One consistent TEAL accent with graphite/dark-neutral surfaces.
   Layout themes keep their different structures, not their incompatible colors.
   Loaded last on every UI page. Does not modify product photos. */
:root,html,html[data-admin-color],body,body[data-theme]{
 --ruhan-brand:#18b9b0!important;--ruhan-brand-hover:#22cfc4!important;
 --ruhan-bg:#08191d!important;--ruhan-panel:#10262b!important;--ruhan-panel2:#173138!important;
 --ruhan-border:#2b5158!important;--ruhan-text:#effbfb!important;--ruhan-muted:#aac4c8!important;
 --bg:var(--ruhan-bg)!important;--panel:var(--ruhan-panel)!important;
 --panel2:var(--ruhan-panel2)!important;--line:var(--ruhan-border)!important;
 --text:var(--ruhan-text)!important;--muted:var(--ruhan-muted)!important;
 --green:var(--ruhan-brand)!important;--lime:var(--ruhan-brand)!important;
 --blue:var(--ruhan-brand)!important;--orange:var(--ruhan-brand)!important;
 --admin-shadow:0 16px 40px rgba(0,0,0,.16)!important;
 color-scheme:dark!important;
}
html,body,body.r96-page,body[data-theme]{background-color:var(--ruhan-bg)!important;color:var(--ruhan-text)!important}
body{accent-color:var(--ruhan-brand)}
a:hover,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--ruhan-brand)!important}
::selection{background:#166c68;color:#fff}
/* Main shell & tool panels */
:where(.sidebar,.cc-sidebar,.r96-top,.p2-top,.topbar,.admin-shell .sidebar,.admin-shell .topbar){background:var(--ruhan-panel)!important;color:var(--ruhan-text)!important;border-color:var(--ruhan-border)!important}
:where(.cc-main,.cc-body,.r96-content,.p2-wrap,.main,.content,.admin-shell){background-color:var(--ruhan-bg)!important;color:var(--ruhan-text)!important}
:where(.cc-panel,.cc-kpi,.cc-form,.cc-entry,.cc-quick,.card,.control-card,.quick-card,.p2-card,.p2-kpis>div,.p2-item,.r96-section,.r96-item,.r96-intro,.r96-metrics>div,.r96-controls,.login-card){background:var(--ruhan-panel)!important;color:var(--ruhan-text)!important;border-color:var(--ruhan-border)!important;box-shadow:none!important}
:where(.cc-nav-item,.cc-nav-heading,.cc-nav-footer a,.cc-directory-link a,.r96-toplinks a,.r96-sideitem,.r96-sidegroup,.r96-section header,.r96-item,.nav>a,.p2-tabs a){border-color:var(--ruhan-border)!important}
:where(.cc-nav-item.current,.cc-nav-item:hover,.r96-item:hover,.r96-sideitem:hover,.r96-toplinks a:hover,.nav a.active,.nav a:hover,.p2-tabs a.selected,.cc-directory-link a,.r96-controls,.cc-alert,.p2-alert){background-color:var(--ruhan-panel2)!important;border-color:var(--ruhan-brand)!important}
:where(.cc-logomark,.r96-badge,.r96-ico,.admin-logo i,.logo i,.r96-dashboard-banner a){background:var(--ruhan-brand)!important;color:#041b1d!important;box-shadow:none!important}
:where(.cc-logo b,.r96-brand strong,.r96-intro h1,.r96-section h2,.cc-panel h2,.cc-kpi strong,.section-label h3,.p2-card h2,.p2-top b){color:var(--ruhan-text)!important}
:where(.cc-hint,.cc-muted,.r96-brand small,.r96-label,.r96-sidecaption,.r96-note,.p2-muted,.p2-item small,.cc-kpi small,.muted,.r96-menu-count){color:var(--ruhan-muted)!important}
:where(.cc-btn,.cc-quick,.p2-form button,.r96-search button,.btn.primary,.primary,.cc-form button,.login-card button,.r96-dashboard-banner,.r96-dashboard-banner a){background:var(--ruhan-brand)!important;background-image:none!important;border-color:var(--ruhan-brand)!important;color:#041b1d!important;text-shadow:none!important}
:where(.cc-btn,.p2-form button,.btn.primary,.primary,.login-card button):hover{background:var(--ruhan-brand-hover)!important}
:where(.r96-dashboard-banner,.control-card,.quick-card,.cc-directory-link,.r96-brand,.r96-ico){background-image:none!important}
.r96-dashboard-banner{color:#041b1d!important}
.r96-dashboard-banner p{color:#073134!important}
:where(.r96-item,.r96-section,.cc-panel,.card,.p2-card){border:1px solid var(--ruhan-border)!important}
:where(input:not([type=checkbox]):not([type=radio]),select,textarea,.r96-search,.cc-navsearch input,.p2-form input,.p2-form select,.p2-form textarea){background-color:var(--ruhan-panel2)!important;color:var(--ruhan-text)!important;border-color:var(--ruhan-border)!important}
:where(input,textarea)::placeholder{color:var(--ruhan-muted)!important;opacity:.8}
:where(.cc-nav-item,.nav>a,.p2-tabs a){color:var(--ruhan-text)!important}
:where(.cc-nav-heading,.nav-title,.r96-kicker){color:var(--ruhan-brand)!important}
:where(.p2-message,.p2-tag,.r96-metrics>div){background:var(--ruhan-panel2)!important;color:var(--ruhan-text)!important;border-color:var(--ruhan-border)!important}
:where(.p2-message){border-left:3px solid var(--ruhan-brand)!important}
:where(table th,table td,hr){border-color:var(--ruhan-border)!important}
:where(table th){color:var(--ruhan-muted)!important;background:var(--ruhan-panel2)!important}
/* Storefront: brand surfaces unified, preserve full-bleed product photographs */
body[data-theme] :where(header,.offer,footer,.footer-in,.copyright,.head,.navmenu,.modal-box,.drawer aside,.cart-drawer,.info-panel,.info-content,.checkout-panel){background-color:var(--ruhan-panel)!important;color:var(--ruhan-text)!important;border-color:var(--ruhan-border)!important}
body[data-theme] :where(.product,.product-info,.product-card,.catalog,.info-links a,.faq-item,.checkout-card,.basket-item,.shelf-card){background-color:var(--ruhan-panel)!important;color:var(--ruhan-text)!important;border-color:var(--ruhan-border)!important}
body[data-theme] :where(.price strong,.product-info h3,.product-title,.logo span,.nav a:hover,.catalog h2,.section-title em,.modal-price strong){color:var(--ruhan-text)!important}
body[data-theme] :where(.price del,.product-info p,.product-meta,.info-faq p,.benefit p,.sku,.muted){color:var(--ruhan-muted)!important}
body[data-theme] :where(.offer,.badge,.label,.chip,.tag,.offer-badge,.category-label,.product-tag){color:var(--ruhan-brand)!important}
body[data-theme] :where(.primary,.cart-btn,.buy-button,.checkout button,.product-actions button,.modal-order-actions button,.hero-actions a,.promo-panel a,.builder-cta.style-primary,.builder-cta.style-primary a,.chat-float){background:var(--ruhan-brand)!important;background-image:none!important;border-color:var(--ruhan-brand)!important;color:#061b1d!important;box-shadow:none!important;text-shadow:none!important}
body[data-theme] :where(.ghost,.pill,.outline-btn,.category-tabs button,.tabs button){border-color:var(--ruhan-border)!important;color:var(--ruhan-text)!important}
body[data-theme] :where(.ghost:hover,.pill.active,.category-tabs button.active,.tabs button.active){border-color:var(--ruhan-brand)!important;background:var(--ruhan-panel2)!important;color:var(--ruhan-brand)!important}
body[data-theme] :where(.hero,.promo-panel,.new-arrivals,.featured-products,.showcase,.landing-about){background-color:var(--ruhan-bg)!important;color:var(--ruhan-text)!important;border-color:var(--ruhan-border)!important}
body[data-theme] :where(.product-img,.product-media,.product-image,.modal-gallery,.gallery-main,.gallery-thumb,.image-frame,.builder-grid img){background:transparent!important}
body[data-theme] :where(.product-img img,.product-media img,.product-image img,.gallery-main img,.modal-gallery img,.builder-grid img){object-fit:cover!important}
/* Status colors are restrained; errors remain readable for accessibility. */
:where(.alert.danger,.error,.cc-alert.danger){border-color:#bb6267!important}
@media(max-width:640px){.r96-top,.cc-top,.p2-top{border-color:var(--ruhan-border)!important}.r96-content{padding-bottom:30px}}
/* Readability of the search directory and administrative detail text */
body.r96-page .r96-intro p,
body.r96-page .r96-section header span,
body.r96-page .r96-label small,
body.r96-page .r96-footer,
body.r96-page .r96-metrics span,
body.r96-page .r96-menu-count,
body.r96-page .r96-none{color:var(--ruhan-muted)!important}
body.r96-page .r96-toplinks a,
body.r96-page .r96-label strong,
body.r96-page .r96-search,
body.r96-page .r96-section header h2{color:var(--ruhan-text)!important}
body.r96-page .r96-search input{color:var(--ruhan-text)!important}
body.r96-page .r96-kicker,
body.r96-page .r96-metrics b,
body.r96-page .r96-arrow{color:var(--ruhan-brand)!important}
body.r96-page .r96-badge,
body.r96-page .r96-ico{background:var(--ruhan-brand)!important;color:#041b1d!important}
body.r96-page .r96-intro,body.r96-page .r96-section,
body.r96-page .r96-item,body.r96-page .r96-controls,
body.r96-page .r96-metrics>div{background:var(--ruhan-panel)!important;border-color:var(--ruhan-border)!important}
/* Keep separate theme architectures, normalize their dominant interface colors. */
body[data-theme] :is(.head,.product,.product-info,.product-card,.product-details,.product-modal,.modal-box,.info-panel,.drawer aside,.checkout-panel,.checkout-card,.faq-item,.feature-card,.benefit-card){background-color:var(--ruhan-panel)!important;color:var(--ruhan-text)!important;border-color:var(--ruhan-border)!important}
body[data-theme] :is(.primary,.cart-btn,.buy-button,.checkout button,.product-actions button,.modal-order-actions button,.hero-actions a,.promo-panel a,.chat-float){background-color:var(--ruhan-brand)!important;background-image:none!important;color:#041b1d!important;border-color:var(--ruhan-brand)!important}