:root {
    --teto-primary: #ec4899;
    --teto-secondary: #fde1f4;
    --egen-primary: #0ea5e9;
    --egen-secondary: #e0f2fe;
}

body.cat-teto-egen-theme {
    background: radial-gradient(circle at top, rgba(236, 72, 153, 0.25), rgba(14, 165, 233, 0.2)) fixed;
}

.cat-teto-egen-theme .card {
    border: 2px solid rgba(14, 165, 233, 0.15);
}

.cat-teto-egen-theme .title {
    color: var(--teto-primary);
}

.cat-teto-egen-theme .subtitle {
    color: #1f2937;
}

.cat-teto-egen-theme .button {
    background: linear-gradient(135deg, var(--teto-primary), var(--egen-primary));
}

.cat-teto-egen-theme .button-secondary {
    /* color: var(--egen-primary); */
    border-color: var(--egen-primary);
}

.cat-teto-egen-theme .option.selected {
    border-color: var(--teto-primary);
    background: rgba(236, 72, 153, 0.08);
}

.cat-teto-egen-theme .result-code {
    background: var(--egen-secondary);
    color: var(--egen-primary);
}

.cat-teto-egen-theme .detail-title {
    color: var(--teto-primary);
    border-bottom-color: rgba(236, 72, 153, 0.25);
}

.cat-teto-egen-theme .result-badge {
    background: rgba(14, 165, 233, 0.15);
    color: var(--egen-primary);
}