:root {
    --bg-color: #FFFFFF;
    --text-color: #1A202C;
    --text-secondary: #64748B;
    --accent-color: #0D9488;
    --accent-secondary: #14B8A6;
    --accent-light: #5EEAD4;
    --card-bg: #FFFFFF;
    --card-bg-alt: rgba(13, 148, 136, 0.03);
    --border-color: #E2E8F0;
    --gradient-primary: linear-gradient(135deg, #0D9488, #14B8A6);
    --gradient-accent: linear-gradient(135deg, #0D9488, #5EEAD4);
    --gradient-dark: linear-gradient(135deg, #FFFFFF, #F8FAFC);
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 8px 30px rgba(13, 148, 136, 0.12);
    --blue-accent: #3B82F6;
    --gold-accent: #F59E0B;
    --section-alt: #F8FAFC;
}

header {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

body {
    background: var(--bg-color);
    color: var(--text-color);
}

.card {
    background: var(--card-bg);
    border-color: var(--border-color);
    box-shadow: var(--shadow);
}

.card:hover {
    border-color: var(--accent-color);
    box-shadow: var(--shadow-hover);
}

a {
    color: var(--accent-color);
}

.card-bg-section {
    background: var(--section-alt);
}

[data-theme="light"] {
    --bg-color: #F8FAFC;
    --text-color: #0F172A;
    --text-secondary: #475569;
    --accent-color: #0D9488;
    --accent-secondary: #0F766E;
    --accent-light: #5EEAD4;
    --card-bg: #FFFFFF;
    --card-bg-alt: rgba(13, 148, 136, 0.05);
    --border-color: #E2E8F0;
    --gradient-primary: linear-gradient(135deg, #0D9488, #14B8A6);
    --gradient-accent: linear-gradient(135deg, #0D9488, #5EEAD4);
    --gradient-dark: linear-gradient(135deg, #FFFFFF, #F8FAFC);
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 20px 50px rgba(13, 148, 136, 0.15);
}



header {
    background: rgba(15, 23, 42, 0.95);
}

body {
    background: var(--bg-color);
    color: var(--text-color);
}

.card {
    background: var(--card-bg);
    border-color: var(--border-color);
}

.card:hover {
    border-color: var(--accent-color);
}

a {
    color: var(--accent-color);
}