/* TrustOfix Global Active Theme: Clean White Corporate */
:root{
 --tof-primary: #111827;
 --tof-secondary: #374151;
 --tof-accent: #e5e7eb;
 --tof-bg: #f9fafb;
 --tof-panel: #ffffff;
 --tof-text: #111827;
 --tof-muted: #6b7280;
 --tof-line: #e5e7eb;
 --tof-button-text: #ffffff;
 --primary: #111827;
 --brand: #111827;
 --brand2: #374151;
 --gold: #111827;
 --bg: #f9fafb;
 --card: #ffffff;
 --panel: #ffffff;
 --text: #111827;
 --muted: #6b7280;
 --line: #e5e7eb;
}

html,body{
 background: var(--tof-bg) !important;
 color: var(--tof-text) !important;
}

.nav,.topnav,.mobilebar{
 background: color-mix(in srgb, var(--tof-panel) 88%, transparent) !important;
 border-color: var(--tof-line) !important;
}

.header,.top,.hero,.cta,.sidebar,.side,.app-shell{
 background: linear-gradient(135deg,var(--tof-secondary),var(--tof-primary)) !important;
 color: var(--tof-button-text) !important;
 border-color: var(--tof-line) !important;
}

.card,.stat,.form-card,.panel,.hero-card,.phone-card,.mobile-card,.step,.plan,.box,.service-mini,.mini,.quick,.theme-card{
 background: var(--tof-panel) !important;
 color: var(--tof-text) !important;
 border-color: var(--tof-line) !important;
}

h1,h2,h3,h4,.title,.logo,.section-head h2{
 color: var(--tof-text) !important;
}

p,small,.desc,.lead,.muted,.section-head p,td,th{
 color: var(--tof-muted) !important;
}

a,.menu a,.side a,.footer a{
 color: var(--tof-primary) !important;
}

.btn,button,input[type=submit],.badge,.tag,.ribbon{
 background: var(--tof-primary) !important;
 color: var(--tof-button-text) !important;
 border-color: var(--tof-primary) !important;
}

.btn.ghost,.btn.outline,.btn.light{
 background: transparent !important;
 color: var(--tof-primary) !important;
 border:1px solid var(--tof-primary) !important;
}

input,select,textarea{
 background: var(--tof-panel) !important;
 color: var(--tof-text) !important;
 border-color: var(--tof-line) !important;
}

table,tr,td,th{
 border-color: var(--tof-line) !important;
}

.icon,.logo-mark{
 background: var(--tof-primary) !important;
 color: var(--tof-button-text) !important;
}

.footer{
 background: color-mix(in srgb, var(--tof-secondary) 80%, #000) !important;
 color: var(--tof-text) !important;
}