/* Explain: Theme design tokens (colors, fonts, spacing). */
:root {
    --navy: #1B2A4A;
    --navy-light: #243656;
    --navy-dark: #141f38;
    --red: #E63946;
    --red-hover: #c92c39;
    --gray: #F4F5F7;
    --gray-border: #e2e5ea;

    --primary-color: #1B2A4A;
    --primary-hover: #243656;
    --secondary-color: #E63946;
    --accent-color: #E63946;
    --background-color: #FFFFFF;
    --surface-color: #F4F5F7;
    --text-color: #222222;
    --text-muted: #6b7280;
    --border-color: #e2e5ea;

    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Inter', sans-serif;

    --radius: 8px;
    --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-card-hover: 0 10px 26px rgba(27, 42, 74, 0.16);
}