/* ==========================================================================
   Custom CSS for PraediumInsights CRM
   ========================================================================== */

/**
 * Base Reset
 * Prevents horizontal scrollbars and ensures consistent box model
 */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

/* Brand utility classes — driven by CSS variables set in base.html */
.bg-brand-primary            { background-color: var(--color-primary); }
.bg-brand-secondary          { background-color: var(--color-secondary); }
.bg-brand-accent             { background-color: var(--color-accent); }
.bg-brand-secondary-light    { background-color: color-mix(in srgb, var(--color-secondary) 10%, white); }
.bg-brand-primary-dark       { background-color: color-mix(in srgb, var(--color-primary) 60%, black); }
.border-brand-primary-mid    { border-color: color-mix(in srgb, var(--color-primary) 40%, black); }
.text-brand-primary          { color: var(--color-primary); }
.text-brand-secondary        { color: var(--color-secondary); }
.border-brand-secondary      { border-color: var(--color-secondary); }
.border-brand-secondary-light { border-color: color-mix(in srgb, var(--color-secondary) 25%, white); }
.focus\:ring-brand-secondary:focus { --tw-ring-color: var(--color-secondary); }
.hover\:ring-brand-accent:hover    { --tw-ring-color: var(--color-accent); }
.text-brand-navbar       { color: var(--color-navbar-text); }
.text-brand-navbar-muted { color: color-mix(in srgb, var(--color-navbar-text) 60%, transparent); }