:root {
    /* Primary Colors */
    --primary-100: #8EA5D8;
    --primary-200: #566DA3;
    --primary-300: #32487B;
    --primary-400: #162850;
    --primary-500: #061025;

    /* Secondary Colors */
    --secondary-100: #AD8ED9;
    --secondary-200: #7655A5;
    --secondary-300: #51317D;
    --secondary-400: #2E1651;
    --secondary-500: #130625;

    /* Tertiary Colors */
    --tertiary-100: #87D9B8;
    --tertiary-200: #4EA582;
    --tertiary-300: #2A7D5C;
    --tertiary-400: #105137;
    --tertiary-500: #032618;

    /* Common UI Colors */
    --background: #ffffff;
    --text-primary: var(--primary-500);
    --text-secondary: var(--primary-400);
    --link-color: var(--primary-300);
    --link-hover: var(--primary-400);
    --header-bg: var(--primary-400);
    --header-text: #ffffff;
    --footer-bg: var(--primary-500);
    --footer-text: #ffffff;
}