/* sly.green — rly.theme palette, green-forward variant.
   Swaps primary to lime green, secondary surfaces warmer. */

:root {
    --bg: #1a2416;
    --bg-secondary: #243020;
    --text: #e4ede0;
    --text-muted: #8ba882;
    --accent: #84CC16;
    --accent-hover: #a3e635;
    --border: rgba(132, 204, 22, 0.1);
    --success: #0FBA81;
    --warning: #EAB308;
    --danger: #D41976;
    --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --radius: 8px;
}

body { background: var(--bg); color: var(--text); }
.site-header { background: #151e12; border-color: var(--border); }
.logo { color: var(--accent); }
.logo:hover { color: var(--accent-hover); }
.nav-links a { color: var(--text-muted); }
.nav-links a:hover { color: var(--accent); }
a { color: var(--accent); }
a:hover { color: var(--accent-hover); }

.btn { border-radius: 9999px; transition: all 0.15s cubic-bezier(.4, 0, .2, 1); }
.btn-primary { background: var(--accent); color: #000; }
.btn-primary:hover { background: var(--accent-hover); color: #000; box-shadow: 0 0 12px rgba(163, 230, 53, 0.3); }
.btn-outline { border-color: var(--border); color: var(--text); }
.btn-outline:hover { border-color: var(--accent); color: var(--accent); }

.blog-card, .post-card, .feature, .feed-item, .directory-card, .cart-item {
    background: var(--bg-secondary); border-color: var(--border);
    box-shadow: inset 0 0 0 1px rgba(132, 204, 22, 0.04);
}
.feed-item:hover, .directory-card:hover { border-color: var(--accent); box-shadow: 0 0 20px rgba(132, 204, 22, 0.1); }

.form-group input, .form-group textarea, .form-group select { background: var(--bg); border-color: rgba(132, 204, 22, 0.15); color: var(--text); }
.form-group input:focus, .form-group textarea:focus, .form-group select:focus { border-color: var(--accent); box-shadow: 0 0 0 2px rgba(132, 204, 22, 0.2); }

.badge { border-radius: 9999px; }
.badge-draft { background: rgba(139, 168, 130, 0.2); color: var(--text-muted); }
.badge-published { background: rgba(132, 204, 22, 0.15); color: var(--accent); }
.badge-scheduled { background: rgba(234, 179, 8, 0.15); color: #EAB308; }

.tag, .feed-item-domain, .feed-item-views, .directory-domain { background: rgba(132, 204, 22, 0.08); border-color: var(--border); color: var(--text-muted); }

.prose code { background: rgba(10, 14, 8, 0.9); color: var(--accent); }
.prose pre { background: rgba(10, 14, 8, 0.9); }
.prose blockquote { border-left-color: var(--accent); }
.prose th { background: var(--bg-secondary); }
.table th, .table td { border-color: var(--border); }

.alert-error { background: rgba(212, 25, 118, 0.15); color: #f06292; border-color: rgba(212, 25, 118, 0.3); }
.alert-success { background: rgba(132, 204, 22, 0.15); color: var(--accent); border-color: rgba(132, 204, 22, 0.3); }

.site-footer { border-color: var(--border); color: var(--text-muted); }
.sort-tabs { border-color: var(--border); }
.sort-tab { color: var(--text-muted); border-color: var(--border); }
.sort-tab:hover { background: var(--bg-secondary); }
.sort-tab.active { background: var(--accent); color: #000; }

.editor-textarea { background: var(--bg); color: var(--text); border-color: var(--border); }
.preview-pane { background: var(--bg-secondary); border-color: var(--border); }
.media-upload { background: var(--bg-secondary); border-color: var(--border); }
.comment { border-color: var(--border); background: var(--bg-secondary); }
.comment-form textarea { background: var(--bg); color: var(--text); border-color: var(--border); }
.hero-subtitle { color: var(--text-muted); }
.domain-filter select { background: var(--bg-secondary); color: var(--text); border-color: var(--border); }
.admin-nav a { color: var(--text-muted); }
.admin-nav a.active { background: var(--accent); color: #000; }
.stat-card { border-color: var(--border); background: var(--bg-secondary); }
.filter-bar input, .filter-bar select { background: var(--bg); color: var(--text); border-color: var(--border); }