/* Explain: Theme tokens defining the color, typography, and spacing for the corporate brand. */
:root {
    /* Brand palette */
    --primary-color: #0A2540;
    --primary-hover: #1B4F8A;
    --secondary-color: #123B63;
    --accent-color: #2E90FA;
    --accent-hover: #1E7AE0;
    --accent-soft: rgba(46, 144, 250, 0.14);

    /* Surfaces */
    --background-color: #FFFFFF;
    --surface-color: #F4F7FB;
    --surface-muted: #E9EFF7;
    --dark-surface: #071B30;
    --footer-bg: #071B30;

    /* Text */
    --text-color: #0A2540;
    --text-muted: #5A6B82;
    --text-on-dark: #EAF1F9;
    --text-on-dark-muted: #9DB2CB;

    /* Lines, fields & glass */
    --border-color: rgba(10, 37, 64, 0.12);
    --glass-bg: rgba(255, 255, 255, 0.72);
    --glass-border: rgba(126, 178, 235, 0.22);
    --nav-bg: rgba(10, 37, 64, 0.92);
    --field-bg: #FFFFFF;
    --field-border: rgba(10, 37, 64, 0.16);

    /* Shadows */
    --shadow-soft: 0 22px 70px rgba(10, 37, 64, 0.10);
    --shadow-button: 0 16px 36px rgba(46, 144, 250, 0.28);

    /* Typography */
    --font-heading: 'Manrope', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-logo: 'Manrope', sans-serif;

    /* Radii & spacing */
    --radius-sm: 0.6rem;
    --radius-md: 1rem;
    --radius-lg: 1.6rem;
    --radius-pill: 999px;
}