/* ============================================
   Theme: Nature Earthy
   Warm earth tones, leaf/moon motifs — grounding and cozy
   ============================================ */

[data-theme="nature"],
.theme-nature {
    --color-bg: #1a1812;
    --color-bg-secondary: #252219;
    --color-card-bg: rgba(37, 34, 25, 0.9);
    --color-text-primary: #e8dcc8;
    --color-text-secondary: #a89a7e;
    --color-text-muted: #7a6f5a;
    --color-border: rgba(168, 154, 126, 0.15);
    --color-input-bg: rgba(26, 24, 18, 0.9);
    --color-primary: #6b7c3e;
    --color-primary-light: #8fa950;
    --color-primary-dark: #4a5828;
    --color-accent: #c4a44e;
    --color-accent-glow: rgba(196, 164, 78, 0.25);
    --color-surface: rgba(107, 124, 62, 0.1);
    --font-heading: 'Georgia', 'Times New Roman', serif;
}

[data-theme="nature"] body {
    background: var(--color-bg);
    background-image:
        radial-gradient(ellipse at 20% 50%, rgba(107, 124, 62, 0.06) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(196, 164, 78, 0.04) 0%, transparent 50%);
    color: var(--color-text-primary);
}

[data-theme="nature"] .navbar {
    background: rgba(26, 24, 18, 0.9);
    border-bottom: 1px solid rgba(168, 154, 126, 0.1);
}

[data-theme="nature"] .nav-link.active {
    color: var(--color-accent);
    background: var(--color-surface);
}

[data-theme="nature"] .settings-content {
    background: #252219;
}

[data-theme="nature"] .moon-widget {
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
}

[data-theme="nature"] .moon-widget::before {
    content: '';
    position: absolute;
    top: -30%;
    right: -10%;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(196, 164, 78, 0.08), transparent 70%);
    pointer-events: none;
}

[data-theme="nature"] .stat-card {
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
}

[data-theme="nature"] .timeline-card {
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
}

[data-theme="nature"] .entry-card {
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
}

[data-theme="nature"] .login-container {
    background: var(--color-bg);
    background-image:
        radial-gradient(ellipse at 50% 50%, rgba(107, 124, 62, 0.08), transparent 60%);
}

[data-theme="nature"] .login-card {
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
}

[data-theme="nature"] .entry-view-content {
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
}

[data-theme="nature"] .form-input,
[data-theme="nature"] .form-textarea {
    background: var(--color-input-bg);
    border: 1px solid var(--color-border);
    color: var(--color-text-primary);
}

[data-theme="nature"] .mood-btn {
    background: var(--color-surface);
    border: 2px solid transparent;
}

[data-theme="nature"] .mood-btn.selected {
    border-color: var(--color-accent);
    background: var(--color-accent-glow);
}