:root {
    /* --- Primary Colors --- */
    --primary-color: #0A3161;       /* A deep, classic Federal Blue for a strong, foundational feel. */
    --secondary-color: #5a7d9a;     /* A muted, slate blue that complements the primary without competing. */

    /* --- Accent & Background Colors --- */
    --light-accent-color: #eaf0f6;   /* A very light, airy blue for subtle highlights and selected states. */
    --hover-accent-color: #d9e2ea;  /* A slightly deeper shade for clear hover feedback. */
    --background-color: #f8f4e9;   /* A warm, off-white reminiscent of aged parchment or vellum. */
    --container-bg-color: #fdfbf5; /* A slightly cleaner, brighter off-white for content containers. */

    /* --- Text Colors --- */
    --text-color: #3a3a3a;          /* A dark charcoal grey, softer than pure black, like faded ink. */
    --heading-text-color: #2c3e50;  /* A strong, blue-tinted dark grey for distinguished headings. */
    --light-text-color: #ffffff;    /* Clean white text for high contrast on dark backgrounds. */

    /* --- Borders & Shadows --- */
    --border-color: #b0c4de;        /* A light steel blue for borders that are visible but not harsh. */
    --light-border-color: #e0e8f0;  /* A very faint border color for subtle separation. */
    --shadow-color: rgba(44, 62, 80, 0.15); /* A soft, desaturated blue shadow for depth. */

    --font-heading: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-body: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}