/* Aesthetic theme — pastel/soft colors override */
.aesthetic-theme {
    --bg-primary: #fef7f7;
    --bg-secondary: #fdf2f8;
    --bg-tertiary: #fce7f3;
    --text-primary: #831843;
    --text-secondary: #9d174d;
    --text-muted: #be185d;
    --accent: #ec4899;
    --accent-hover: #db2777;
    --accent-light: #fce7f3;
    --accent-text: #ffffff;
    --border: #fbcfe8;
    --border-light: #fce7f3;
    --navbar-bg: #ec4899;
    --navbar-text: #ffffff;
    --timer-color: #831843;
    --state-running: #a78bfa;
    --state-paused: #f9a8d4;
    --state-alarm: #f472b6;
    --shadow: 0 2px 8px rgba(236, 72, 153, 0.1);
    --shadow-md: 0 4px 12px rgba(236, 72, 153, 0.15);
    --radius: 16px;
    --radius-sm: 12px;
    --cookie-bg: #fdf2f8;
    --cookie-border: #fbcfe8;
}

.aesthetic-theme[data-theme="dark"] {
    --bg-primary: #1a0a1a;
    --bg-secondary: #2d1a2d;
    --bg-tertiary: #3d2a3d;
    --text-primary: #fce7f3;
    --text-secondary: #f9a8d4;
    --text-muted: #f472b6;
    --accent: #ec4899;
    --accent-hover: #f472b6;
    --accent-light: #3d1a3d;
    --border: #4a2a4a;
    --border-light: #3d2a3d;
    --navbar-bg: #2d1a2d;
    --navbar-text: #fce7f3;
    --cookie-bg: #2d1a2d;
    --cookie-border: #4a2a4a;
}

/* Softer typography */
.aesthetic-theme body {
    font-family: 'Georgia', 'Palatino', serif;
}

.aesthetic-theme .timer-display {
    font-family: 'Georgia', serif;
    letter-spacing: 0.1em;
    font-weight: 300;
}

.aesthetic-theme .navbar-brand {
    font-style: italic;
}

/* Rounded elements */
.aesthetic-theme .timer-card {
    border-radius: 20px;
    border-color: var(--border);
    box-shadow: var(--shadow-md);
}

.aesthetic-theme .btn {
    border-radius: 24px;
}

.aesthetic-theme .preset-btn {
    border-radius: 20px;
}

.aesthetic-theme .timer-tab {
    border-radius: 12px 12px 0 0;
}

.aesthetic-theme .faq-item {
    border-radius: 12px;
    overflow: hidden;
}

/* Gradient accent touches */
.aesthetic-theme .btn-primary {
    background: linear-gradient(135deg, #ec4899, #a78bfa);
    border: none;
}

.aesthetic-theme .btn-primary:hover {
    background: linear-gradient(135deg, #db2777, #8b5cf6);
}

.aesthetic-theme .progress-ring-fill {
    stroke: #ec4899;
}

.aesthetic-theme .timer-tab.active {
    color: #ec4899;
    border-bottom-color: #ec4899;
}