/* ========================================
   PLP SYSTEM - BASE STYLES
   Modern, Professional & Responsive
   ======================================== */

:root {
    --color-primary: #019df4;
    --color-primary-dark: #0074b7;
    --color-secondary: #0b2739;
    --color-dark-blue: #0b2739;
    --color-text: #1f2937;
    --color-text-light: #64748b;
    --color-border: #e5e9f0;
    --color-bg-light: #f8fafc;
    
    /* Gray Scale */
    --color-gray-1: #f5f5f5;
    --color-gray-2: #d3d4d3;
    --color-gray-3: #b6b7b7;
    --color-gray-4: #86888c;
    --color-gray-5: #50535a;
    --color-gray-6: #313235;

    /* Footer Specific */
    --primary-white: #ffffff;
    --primary-blue: #019df4;
    --gray-500: #50535a;
    --gray-400: #86888c;

    --font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-main);
    color: var(--color-text);
    background: #ffffff;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ========================================
   FOOTER OVERRIDES
   Fix for shared footer component
   ======================================== */
.footer {
    --color-secondary: #ffffff;
}