/* Theme Variables */
:root {
    --primary-color: #4F46E5;     /* Indigo moderno */
    --primary-light: #818CF8;     /* Indigo claro */
    --primary-dark: #3730A3;      /* Indigo escuro */
    --accent-color: #10B981;      /* Verde esmeralda para acentos */
    --bg-color: #F8FAFC;          /* Fundo cinza muito claro */
    --text-color: #1E293B;        /* Slate escuro para texto */
    --text-light: #64748B;        /* Slate médio para texto secundário */
    --surface-color: #FFFFFF;     /* Branco para cards e superfícies */
    --border-color: #E2E8F0;      /* Borda sutil */
}

/* Typography */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-feature-settings: "ss01", "ss02", "cv01", "cv02";
    -webkit-font-smoothing: antialiased;
    color: var(--text-color);
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--text-color);
}

h1 { font-size: clamp(2rem, 5vw, 3.5rem); }
h2 { font-size: clamp(1.8rem, 4vw, 2.8rem); }
h3 { font-size: clamp(1.5rem, 3vw, 2.2rem); }
h4 { font-size: clamp(1.2rem, 2vw, 1.8rem); }

p, li {
    color: var(--text-light);
    font-size: clamp(1rem, 1.5vw, 1.1rem);
}

.text-gradient {
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}