/* --- Brand Color Kit & Typography --- */
:root {
    /* Brand Colors */
    --brand-primary: #F28C28;       /* Vita Cable Orange */
    --brand-primary-hover: #d9771c; /* Darker Orange */
    --brand-accent: #25D366;        /* WhatsApp Green */
   

    /* Backgrounds */
    --bg-dark: #0A0A0A;
    --bg-surface: #141414;          
    --bg-secondary :#111827;
    /* Body Text Colors */
    --text-main: #e0e0e0;           
    --text-muted: #999999;          
    --card: #232933;
    /* Heading Specific Colors */
    --heading-h1: #ffffff;          
    --heading-h2: #f5f5f5;          
    --heading-h3: #ebebeb;          
    --heading-h4: var(--brand-primary); 
    --heading-h5: #cccccc;
    --heading-h6: #b3b3b3;     
    --max-width:1200px; 
}

/* Global Typography */
body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-dark);
    color: var(--text-main);
    line-height: 1.6;
}

/* Base styles for all headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.2;
    margin-bottom: 0.5em;
    margin-top: 0;
}

/* Applying the Brand Kit colors */
h1 { color: var(--heading-h1); font-weight: 800; }
h2 { color: var(--heading-h2); font-weight: 700; }
h3 { color: var(--heading-h3); font-weight: 700; }
h4 { color: var(--heading-h4); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
h5 { color: var(--heading-h5); font-weight: 600; }
h6 { color: var(--heading-h6); font-weight: 500; }

/* Utility Classes */
.text-brand { color: var(--brand-primary) !important; }
.text-white { color: #ffffff !important; }

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: var(--bg-dark);
}

::-webkit-scrollbar-thumb {
    background-color: var(--brand-primary);
    border-radius: 6px;
    border: 3px solid var(--bg-dark);
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--brand-primary-hover);
}

/* Firefox Custom Scrollbar */
html {
    scrollbar-width: thin;
    scrollbar-color: var(--brand-primary) var(--bg-dark);
}