:root {
    --spiderink-primary-blue: #003366; /* A darker, professional blue */
    --spiderink-secondary-blue: #005c99; /* A slightly lighter blue for accents */
    --spiderink-light-blue: #66ccff; /* Light blue from logo for highlights */
    --spiderink-white: #ffffff;
    --spiderink-text-light: #f8f9fa;
    --spiderink-text-dark: #212529;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--spiderink-white);
    color: var(--spiderink-text-dark);
    padding-top: 70px; /* Adjust if navbar height changes */
    scroll-behavior: smooth;
}