:root { --primary-500: #003566; --accent-500: #ffc300; --white: #ffffff; --black: #171717; --body-light: #f6f8fa; --body-dark: #1d2024; --border: #EEE7DE; --Typography-Headings: var(--Colors-Neutral-800); --Typography-Body: var(--Colors-Neutral-700); --Typography-Primary-Link: var(--Colors-Primary-600); --Typography-Primary-Link-Hover: var(--Colors-Primary-700); --Typography-Secondary-Link: var(--Colors-Secondary-600); --Typography-Secondary-Link-Hover: var(--Colors-Secondary-700); --Typography-On-Primary: var(--Colors-Neutral-black); --Typography-On-Secondary: var(--Colors-Neutral-white); --Typography-Information: var(--Colors-Information-800); --Typography-Warning: var(--Colors-Warning-800); --Typography-Error: var(--Colors-Error-800); --Typography-Success: var(--Colors-Success-800); --Typography-Disabled: var(--Colors-Neutral-400); --Background-Bg-Default: var(--Colors-Neutral-white); --Background-Subtle: var(--Colors-Neutral-50); --Surface-Default: var(--Colors-Neutral-white); --Surface-Information: var(--Colors-Information-50); --Surface-Warning: var(--Colors-Warning-50); --Surface-Error: var(--Colors-Error-50); --Surface-Success: var(--Colors-Success-50); --Surface-Disabled: var(--Colors-Neutral-200); --Action-Primary-Background-Action: var(--Colors-Primary-200-default); --Action-Primary-Background-Action-Hover: var(--Colors-Primary-300); --Action-Secondary-Background-Action: var(--Colors-Secondary-600); --Action-Secondary-Background-Action-Hover: var(--Colors-Secondary-700); --Icons-Default: var(--Colors-Neutral-700); --Icons-Primary-Action: var(--Colors-Primary-600); --Icons-Primary-Action-Hover: var(--Colors-Primary-700); --Icons-On-Primary: var(--Colors-Neutral-white); --Icons-On-Secondary: var(--Colors-Neutral-white); --Icons-Information: var(--Colors-Information-800); --Icons-Warning: var(--Colors-Warning-800); --Icons-Error: var(--Colors-Error-800); --Icons-Success: var(--Colors-Success-800); --Icons-Disabled: var(--Colors-Neutral-400); --Border-Default: var(--Colors-Neutral-100); --Border-Action: var(--Colors-Primary-200-default); --Border-Action-Hover: var(--Colors-Primary-300); --Border-Focus: var(--Colors-Primary-300); --Border-Information: var(--Colors-Information-100); --Border-Warning: var(--Colors-Warning-100); --Border-Error: var(--Colors-Error-100); --Border-Success: var(--Colors-Success-100); --Border-Disabled: var(--Colors-Neutral-300);}