:root {
    --fonte-principal: "Poppins", system-ui, sans-serif;

    --fs-xxs: clamp(0.6rem, 0.7vw, 0.7rem);
    --fs-xs: clamp(0.7rem, 0.8vw, 0.8rem);
    --fs-sm: clamp(0.8rem, 0.9vw, 0.9rem);
    --fs-md: clamp(0.9rem, 1vw, 1rem);
    --fs-lg: clamp(1rem, 1.2vw, 1.2rem);
    --fs-xl: clamp(1.2rem, 1.6vw, 1.5rem);

    --pad-xs: clamp(0.3rem, 0.5vw, 0.4rem);
    --pad-sm: clamp(0.4rem, 0.6vw, 0.5rem);
    --pad-md: clamp(0.8rem, 1vw, 1rem);

    --gap-sm: clamp(0.4rem, 0.6vw, 0.5rem);
    --gap-md: clamp(1rem, 1.5vw, 1.5rem);

    --transicao-rapida: 0.2s ease;
    --transicao: 0.3s ease;
    --transicao-lenta: 0.5s ease;

    --sombra-leve: 0 2px 10px rgba(0, 0, 0, 0.25);
    --sombra-media: 0 8px 28px rgba(0, 0, 0, 0.35);
    --sombra-forte: 0 16px 48px rgba(0, 0, 0, 0.45);

    --z-header: 1000;
    --z-menu: 1100;
    --z-modal: 1200;
    --z-tooltip: 1300;

    --container-max: 1200px;
    --container-padding: clamp(1rem, 2vw, 1.5rem);

    --borda-fina: 1px solid;
    --borda-media: 2px solid;

    --radius-sm: 0.8rem;
    --radius-md: 1.2rem;
    --radius-pill: 999px;

    --opacidade-desativado: 0.6;
}

body {
    --cor-principal: #7a1414;
    --cor-secundaria: #b8962e;
    --cor-titulo: #5a0f0f;
    --cor-dourado-hover: #a98989;

    --bg-body: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    --bg-header: linear-gradient(135deg, #f9fafc 0%, #e2e6ef 100%);
    --bg-section: linear-gradient(135deg, #f5f5f5 0%, #d9c2c2 100%);
    --bg-card: linear-gradient(135deg, #fff8e1 0%, #a98989 100%);
    --bg-footer: linear-gradient(135deg, #a98989 0%, #5a0f0f 100%);

    --texto-principal: #2b0606;
    --texto-secundario: #5a0f0f;
    --texto-muted: #7a1414;
    --texto-normal: #3a0d0d;
    --texto-invertido: #fff8e1;

    --link: #7a1414;
    --link-hover: #b8962e;

    --btn-bg: #5a0f0f;
    --btn-bg-hover: #b8962e;
    --btn-texto: #fff8e1;
    --btn-texto-hover: #fff8e1;

    --btn-bg-hover-curriculo: #a98989;
    --btn-texto-hover-curriculo: #5a0f0f;

    --btn-borda: 1px solid #7a1414;

    --card-bg: var(--bg-card);
    --card-borda: #a98989;
    --card-hover: #d9c2c2;

    --filtro-bg: #fff8e1;
    --filtro-texto: #5a0f0f;
    --filtro-ativo-bg: #b8962e;
    --filtro-ativo-texto: #fff8e1;

    --nivel-bg: #b8962e;
    --nivel-texto: #5a0f0f;

    --img-borda: #b8962e;
    --topo-bg: #5a0f0f;
    --topo-hover: #b8962e;
}

body.theme-dark {
    --cor-principal: #2b0606;
    --cor-secundaria: #7a1414;
    --cor-titulo: #e6c158;
    --cor-dourado-hover: #c9a63d;

    --bg-body: linear-gradient(135deg, #0e0c0c 0%, #2b0606 100%);
    --bg-header: linear-gradient(135deg, #2b0606 0%, #151010 100%);
    --bg-section: linear-gradient(135deg, #141010 0%, #241a1a 100%);
    --bg-card: linear-gradient(135deg, #1b1515 0%, #2a1d1d 100%);
    --bg-footer: linear-gradient(135deg, #070606 0%, #1b1515 100%);

    --texto-principal: #f4eeee;
    --texto-secundario: #d3c1c1;
    --texto-muted: #9f8686;
    --texto-normal: #f5f5f5;
    --texto-invertido: #0e0c0c;

    --link: var(--cor-titulo);
    --link-hover: #ff4d57;

    --btn-bg: var(--cor-titulo);
    --btn-bg-hover: var(--cor-dourado-hover);
    --btn-texto: #f8f6f6;
    --btn-texto-hover: #fff8e1;

    --btn-bg-hover-curriculo: #0e0c0c;
    --btn-texto-hover-curriculo: var(--cor-dourado-hover);
    --btn-borda: transparent;

    --card-bg: var(--bg-card);
    --card-borda: #2a1d1d;
    --card-hover: #241c1c;

    --filtro-bg: #1f1818;
    --filtro-texto: #f4eeee;
    --filtro-ativo-bg: var(--cor-titulo);
    --filtro-ativo-texto: #0e0c0c;

    --nivel-bg: var(--cor-titulo);
    --nivel-texto: #0e0c0c;

    --img-borda: var(--cor-titulo);
    --topo-bg: var(--cor-titulo);
    --topo-hover: var(--cor-dourado-hover);
}