/* Custom styles for Pet Age Tool */
:root {
    --primary: #059669; /* emerald-600 */
    --primary-dark: #064e3b; /* emerald-900 */
    --accent: #4ade80; /* emerald-400 */
    --bg: #fdfaf6;
}

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

.organic-shape {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

/* Calculator Styles */
.calc-container {
    background: white;
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.05);
    border: 1px solid #f1f5f9;
}

input[type="number"], select {
    outline: none;
    border: 2px solid #e2e8f0;
    transition: border-color 0.2s;
}

input[type="number"]:focus, select:focus {
    border-color: var(--primary);
}

.result-card {
    background: linear-gradient(135deg, #065f46 0%, #064e3b 100%);
    color: white;
}

/* Animation */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in {
    animation: fadeIn 0.5s ease forwards;
}