:root {
    --color-primary: #00bcd4;
    --color-primary-end: #26c6da;
    --color-primary-gradient: linear-gradient(135deg, #00bcd4 0%, #80deea 100%);

    --color-primary-5: rgba(0, 188, 212, 0.05);
    --color-primary-10: rgba(0, 188, 212, 0.1);
    --color-primary-15: rgba(0, 188, 212, 0.15);
    --color-primary-20: rgba(0, 188, 212, 0.2);
    --color-primary-25: rgba(0, 188, 212, 0.25);
    --color-primary-30: rgba(0, 188, 212, 0.3);
    --color-primary-40: rgba(0, 188, 212, 0.4);

    --color-text: #2d3748;
    --color-text-muted: #718096;
    --color-text-faint: #a0aec0;

    --color-bg: #f7fafc;
    --color-white: #ffffff;
    --color-sidebar-bg: #f0f4f8;
    --color-session-hover: #e2f0f5;

    --color-border: #e2e8f0;

    --color-danger: #e53e3e;
    --color-danger-bg: #fff5f5;

    --shadow-card: 0 20px 60px rgba(0, 188, 212, 0.2);
}