:root {
    --animal-primary: #4f46e5;
    --animal-secondary: #f9f5ff;
    --animal-accent: #f97316;
}

body.cat-animal-spirit-theme {
    background: radial-gradient(circle at top, rgba(79, 70, 229, 0.15), rgba(249, 245, 255, 0.9)) fixed;
}

.cat-animal-spirit-theme .card {
    border: 2px solid rgba(79, 70, 229, 0.15);
}

.cat-animal-spirit-theme .title {
    color: var(--animal-primary);
}

.cat-animal-spirit-theme .subtitle {
    color: #4b5563;
}

.cat-animal-spirit-theme .button {
    background: linear-gradient(135deg, var(--animal-primary), var(--animal-accent));
}

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

.cat-animal-spirit-theme .option.selected {
    border-color: var(--animal-primary);
    background: var(--animal-secondary);
}

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

.cat-animal-spirit-theme .detail-title {
    color: var(--animal-primary);
    border-bottom-color: rgba(79, 70, 229, 0.3);
}

.cat-animal-spirit-theme .result-badge {
    background: rgba(79, 70, 229, 0.15);
    color: var(--animal-primary);
}