:root {
    /* Colors */
    --color-primary: #D32F2F;
    /* Example Red from the Malta flag/theme */
    --color-primary-dark: #b71c1c;
    --color-secondary: #333333;
    --color-text: #555555;
    --color-text-light: #777777;
    --color-background: #FFFFFF;
    --color-surface: #F9F9F9;
    --color-border: #E0E0E0;
    --color-border-light: #EBEBEB;

    /* Additional UI Colors */
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-gray-light: #D9D9D9;
    --color-gray-medium: #7A7A7A;
    --color-light-gray: #F5F5F5;

    /* Section Colors */
    --color-section-bg-1: #F7F0EE;
    /* Latest & Travel sections */
    --color-section-bg-2: #ECECEC;
    /* Study Abroad section */
    --color-accent-red: #D7394D;
    /* Border and accents */

    /* Opacity Variants */
    --color-white-95: rgba(255, 255, 255, 0.95);
    --color-primary-90: rgba(211, 47, 47, 0.9);
    --color-black-15: rgba(0, 0, 0, 0.15);
    --color-black-25: rgba(0, 0, 0, 0.25);

    /* Typography */
    --font-heading: 'YuGothic, Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-body: 'YuGothic, Helvetica Neue', Helvetica, Arial, sans-serif;

    /* Font Sizes */
    --font-size-xs: 0.75rem;
    /* 12px */
    --font-size-sm: 0.875rem;
    /* 14px */
    --font-size-md: 1rem;
    /* 16px */
    --font-size-lg: 1.125rem;
    /* 18px */
    --font-size-xl: 1.25rem;
    /* 20px */

    /* Spacing (8px Grid) */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-mlg: 20px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-mxl: 40px;
    --spacing-xxl: 64px;
    --spacing-xxxl: 80px;


    /* Layout */
    --container-width: 1080px;
    --header-height: 80px;

    /* Effects */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    --shadow-md: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    --radius-sm: 4px;
    --radius-md: 8px;
}