/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    /* Brand — navy & gold */
    --primary-color: #10233F;
    --primary-hover: #0B1A30;
    --primary-soft: #EAF0F8;
    --secondary-color: #C6A46A;
    --secondary-hover: #A9884F;
    --secondary-soft: #F7F1E6;
    --accent-color: #C6A46A;

    --navy-color: #10233F;
    --navy-deep: #0A1729;
    --navy-soft: #16294A;
    --gold-color: #C6A46A;
    --gold-soft: #E4D3B0;
    --blue-glow: #2E6EBE;

    --background-color: #FFFFFF;
    --surface-color: #F5F7FA;
    --dark-color: #10233F;
    --dark-soft: #16294A;

    --text-color: #10233F;
    --text-muted: #5C6B82;
    --border-color: #E2E8F0;

    --font-heading: 'Alexandria', 'IBM Plex Sans Arabic', sans-serif;
    --font-body: 'IBM Plex Sans Arabic', sans-serif;

    /* Elevation */
    --shadow-sm: 0 2px 10px -6px rgba(16, 35, 63, .22);
    --shadow-md: 0 20px 42px -28px rgba(16, 35, 63, .45);
    --shadow-lg: 0 36px 68px -42px rgba(16, 35, 63, .52);
    --shadow-gold: 0 28px 54px -30px rgba(198, 164, 106, .95);
}