:root {
    /* Tidhar Brand Colors */
    --color-dark-teal: #004438;
    --color-teal: #00524C;
    --color-light-blue: #8AB7E9;
    --color-pink: #FFA4B4;
    --color-green: #4A9462;
    --color-orange: #FFB548;
    --color-red: #E53E51;

    /* Background */
    --color-bg-gradient: linear-gradient(135deg, #004438 0%, #00524C 35%, #006B5E 65%, #004438 100%);

    /* Text */
    --color-text-primary: #ffffff;
    --color-text-secondary: rgba(255, 255, 255, 0.75);
    --color-text-muted: rgba(255, 255, 255, 0.5);
    --color-text-on-glass: #ffffff;
    --color-text-dark: #004438;

    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.1);
    --glass-bg-hover: rgba(255, 255, 255, 0.15);
    --glass-bg-strong: rgba(255, 255, 255, 0.2);
    --glass-bg-solid: rgba(255, 255, 255, 0.85);
    --glass-border: rgba(255, 255, 255, 0.2);
    --glass-border-light: rgba(255, 255, 255, 0.3);
    --glass-shadow: 0 8px 32px rgba(0, 68, 56, 0.2);
    --glass-shadow-sm: 0 4px 16px rgba(0, 68, 56, 0.15);
    --glass-blur: 16px;
    --glass-blur-heavy: 24px;

    /* Status Colors */
    --status-success: #4A9462;
    --status-success-bg: rgba(74, 148, 98, 0.2);
    --status-warning: #FFB548;
    --status-warning-bg: rgba(255, 181, 72, 0.2);
    --status-error: #E53E51;
    --status-error-bg: rgba(229, 62, 81, 0.2);
    --status-info: #8AB7E9;
    --status-info-bg: rgba(138, 183, 233, 0.2);
    --status-pending: rgba(255, 255, 255, 0.4);
    --status-pending-bg: rgba(255, 255, 255, 0.1);

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

    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* Typography */
    --font-family: 'Heebo', 'Arial', sans-serif;
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 20px;
    --font-size-xl: 24px;
    --font-size-2xl: 32px;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
    --transition-slow: 400ms ease;

    /* Z-index */
    --z-nav: 100;
    --z-overlay: 200;
    --z-modal: 300;
    --z-toast: 400;
    --z-loading: 500;
}