:root {
    /* ===== Primary Brand Colors ===== */
    --tg-primary: #1A4D8F; /* Deep Governance Blue */
    --tg-primary-light: #2F6BBF;
    --tg-primary-dark: #123865;
    --tg-accent: #1FA8A8; /* Modern Teal */
    --tg-accent-light: #4FCBCB;
    --tg-accent-dark: #147575;
    /* ===== Compliance Colors ===== */
    --tg-success: #2EB875; /* Compliance Green */
    --tg-warning: #F5A623; /* Amber */
    --tg-danger: #D64545; /* Risk Red */
    /* ===== Neutral Palette ===== */
    --tg-dark: #1F2A33; /* Headings, Nav */
    --tg-gray: #4A4A4A; /* Body Text */
    --tg-light: #E9ECEF; /* Light UI Surfaces */
    --tg-white: #FDFDFD; /* Background */
    /* ===== Typography ===== */
    --tg-font-primary: 'Inter', sans-serif;
    --tg-font-secondary: 'Poppins', sans-serif;
    /* ===== Spacing Scale ===== */
    --tg-space-xs: 4px;
    --tg-space-sm: 8px;
    --tg-space-md: 16px;
    --tg-space-lg: 32px;
    --tg-space-xl: 48px;
    /* ===== Border Radius ===== */
    --tg-radius-sm: 4px;
    --tg-radius-md: 8px;
    --tg-radius-lg: 16px;
    /* ===== Shadows ===== */
    --tg-shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
    --tg-shadow-md: 0 4px 12px rgba(0,0,0,0.12);
    --tg-shadow-lg: 0 8px 24px rgba(0,0,0,0.16);
}