:root {
    /* Colors - Frutiger Aero Theme */
    --primary-color: #0078d4;
    --primary-gradient: linear-gradient(180deg, #2196F3 0%, #1976D2 100%);
    --secondary-color: #005a9e;

    /* Semantic Colors (Aligned with lib/ui/tokens.py) */
    --success-color: #28A745; /* Updated from #107C10 */
    --success-gradient: linear-gradient(180deg, #43e97b 0%, #38f9d7 100%);
    --danger-color: #d13438; /* Legacy alias */
    --color-error: #DC3545;
    --color-warning: #FFC107;
    --color-info: #17A2B8;
    --color-success: #28A745;

    --danger-gradient: linear-gradient(180deg, #ff6b6b 0%, #ee5253 100%);

    /* Backgrounds */
    --bg-color: #e0f3fa;
    --bg-gradient: linear-gradient(180deg, #e0f3fa 0%, #d8e6ea 100%);
    --glass-bg: rgba(255, 255, 255, 0.6);
    --glass-border: rgba(255, 255, 255, 0.5);

    /* Text */
    --text-color: #333;
    --text-muted: #666;
    --text-inverse: #fff;

    /* Spacing */
    --spacing-xxs: 2px;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 48px;

    /* Typography */
    --font-family: "Segoe UI", "Roboto", sans-serif;
    --font-size-sm: 12px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 20px;
    --font-weight-bold: 600;

    /* Effects */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-pill: 20px;
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-md: 0 5px 15px rgba(0,0,0,0.05);
    --shadow-lg: 0 20px 60px rgba(0,0,0,0.3);

    /* Z-Index (Aligned with lib/ui/tokens.py) */
    --z-index-dropdown: 1000;
    --z-index-sticky: 1020;
    --z-index-fixed: 1030;
    --z-index-modal-backdrop: 1040;
    --z-index-modal: 1050;
    --z-index-popover: 1060;
    --z-index-tooltip: 1070;
}