:root{
  --hm-font-body-scale:0.80;
  --hm-font-title-scale:0.80;
  --hm-font-button-scale:1.00;
  --hm-font-menu-scale:1.00;
  --hm-font-form-scale:0.80;
  --hm-font-table-scale:0.85;
  --hm-font-swal-scale:0.80;
  --hm-font-metric-scale:0.80;
  --hm-bg:#f5f7fb;
  --hm-surface:#ffffff;
  --hm-text:#172033;
  --hm-muted:#738095;
  --hm-border:#e4e9f1;
  --hm-primary:#5661d8;
  --hm-primary-dark:#404bc2;
  --hm-accent:#24a77c;
  --hm-danger:#d95362;
  --hm-sidebar-bg:#101827;
  --hm-sidebar-text:#bdc7d8;
  --hm-sidebar-active:#222a39;
  --hm-btn-primary:#5661d8;
  --hm-btn-primary-hover:#404bc2;
  --hm-btn-success:#24a77c;
  --hm-btn-success-hover:#0e9166;
  --hm-btn-danger:#d95362;
  --hm-btn-danger-hover:#c33d4c;
  --hm-primary-text:#ffffff;
  --hm-accent-text:#ffffff;
  --hm-danger-text:#ffffff;
  --hm-on-dark:#ffffff;
  --hm-on-dark-muted:#d4deeb;
}
html{font-size:16px;}
body{background:var(--hm-bg) !important;color:var(--hm-text) !important;}
.sidebar{background:var(--hm-sidebar-bg) !important;}
.sidebar nav a{color:var(--hm-sidebar-text) !important;}
.sidebar nav a:hover,.sidebar nav a.active{background:var(--hm-sidebar-active) !important;color:#fff !important;}
.sidebar .brand{color:var(--hm-sidebar-text) !important;font-weight:800 !important;}
.sidebar .brand span{color:var(--hm-accent) !important;}
.card,.panel,.product-card,.setting-card,.hm-timeline-card,.login-card,.swal2-popup,.hm-notification-dropdown{background:var(--hm-surface) !important;border-color:var(--hm-border) !important;}
h1,h2,h3,h4,h5,h6,.metric,.setting-value{color:var(--hm-text);}
p,small,.eyebrow,.card p,.panel p,.product-card p,.setting-card p{color:var(--hm-muted);}
.btn,.hm-btn-primary,.swal2-confirm{background:var(--hm-btn-primary) !important;border-color:var(--hm-btn-primary) !important;color:var(--hm-primary-text) !important;}
.btn:hover,.hm-btn-primary:hover,.swal2-confirm:hover{background:var(--hm-btn-primary-hover) !important;border-color:var(--hm-btn-primary-hover) !important;}
.hm-btn-success{background:var(--hm-btn-success) !important;border-color:var(--hm-btn-success) !important;color:var(--hm-accent-text) !important;}
.hm-btn-danger,.swal2-deny{background:var(--hm-btn-danger) !important;border-color:var(--hm-btn-danger) !important;color:var(--hm-danger-text) !important;}
.hm-input,input,select,textarea{color:var(--hm-text);border-color:var(--hm-border);}
.hm-notification-preview-dot{background:var(--hm-primary) !important;}
.hero,.pet-intro,.hm-dark-surface,.hm-colored-surface{color:var(--hm-on-dark) !important;}
.hero h1,.hero h2,.hero h3,.hero h4,.hero h5,.hero h6,.hero .metric,.hero .setting-value,.pet-intro h1,.pet-intro h2,.pet-intro h3,.pet-intro h4,.pet-intro h5,.pet-intro h6,.pet-intro .metric,.pet-intro .setting-value,.hm-dark-surface h1,.hm-dark-surface h2,.hm-dark-surface h3,.hm-dark-surface h4,.hm-dark-surface h5,.hm-dark-surface h6,.hm-colored-surface h1,.hm-colored-surface h2,.hm-colored-surface h3,.hm-colored-surface h4,.hm-colored-surface h5,.hm-colored-surface h6{color:var(--hm-on-dark) !important;}
.hero p,.hero small,.hero .eyebrow,.pet-intro p,.pet-intro small,.pet-intro .eyebrow,.hm-dark-surface p,.hm-dark-surface small,.hm-dark-surface .eyebrow,.hm-colored-surface p,.hm-colored-surface small,.hm-colored-surface .eyebrow{color:var(--hm-on-dark-muted) !important;}
.hero a:not(.btn),.pet-intro a:not(.btn),.hm-dark-surface a:not(.btn),.hm-colored-surface a:not(.btn){color:var(--hm-on-dark) !important;}
body{font-size:calc(1rem * var(--hm-font-body-scale)) !important;}
p,.card p,.panel p,.product-card p,.setting-card p,.module-card p,.row-note,.hm-form-note,.hm-install-box p,.hm-install-tip{font-size:calc(.875rem * var(--hm-font-body-scale)) !important;}
small,.eyebrow{font-size:calc(.75rem * var(--hm-font-body-scale)) !important;}
h1,header h1{font-size:calc(1.875rem * var(--hm-font-title-scale)) !important;}
h2,.hero h2,.pet-intro h2{font-size:calc(2rem * var(--hm-font-title-scale)) !important;}
h3,.panel h3,.product-card h3,.setting-card h3,.module-card h3{font-size:calc(1.125rem * var(--hm-font-title-scale)) !important;}
.brand{font-size:calc(1.25rem * var(--hm-font-title-scale)) !important;}
button,input[type=button],input[type=submit],input[type=reset],.btn,.hm-btn,.swal2-styled,a.btn,.pagination a{font-size:calc(.8125rem * var(--hm-font-button-scale)) !important;}
.sidebar nav a,.hm-mobile-menu-list a,.hm-mobile-more,.hm-mobile-more small{font-size:calc(.8125rem * var(--hm-font-menu-scale)) !important;}
.hm-label,.hm-input,input,select,textarea,.swal2-input,.swal2-select,.swal2-textarea{font-size:calc(.875rem * var(--hm-font-form-scale)) !important;}
.hm-remember strong{font-size:calc(.8rem * var(--hm-font-form-scale)) !important;}
.hm-remember small{font-size:calc(.7rem * var(--hm-font-form-scale)) !important;}
.hm-table td{font-size:calc(.8125rem * var(--hm-font-table-scale)) !important;}
.hm-table th{font-size:calc(.72rem * var(--hm-font-table-scale)) !important;}
.hm-timeline-version strong{font-size:calc(.95rem * var(--hm-font-table-scale)) !important;}
.hm-timeline-meta{font-size:calc(.72rem * var(--hm-font-table-scale)) !important;}
.swal2-title,.hm-swal-title,.hm-install-title{font-size:calc(1.5rem * var(--hm-font-swal-scale)) !important;}
.swal2-html-container,.hm-swal-html,.hm-install-html{font-size:calc(.875rem * var(--hm-font-swal-scale)) !important;}
.swal2-validation-message{font-size:calc(.8rem * var(--hm-font-swal-scale)) !important;}
.metric{font-size:calc(1.875rem * var(--hm-font-metric-scale)) !important;}
.setting-value{font-size:calc(.875rem * var(--hm-font-metric-scale)) !important;}
