/*
 * Theme Name: ServerOK
 * Template: twentytwentyfive
 * Author: ServerOK
 * Description: Child theme of Twenty Twenty-Five with custom landing page.
 * Version: 1.0
 * License: GPLv2 or later
 * */

/* Custom variables matching home page colors */
:root {
	  --bg: #07090f;
	  --bg-card: #0d1117;
	  --bg-card-hover: #131920;
	  --surface: #161b22;
	  --border: #21262d;
	  --text: #e6edf3;
	  --text-muted: #8b949e;
	  --accent: #39d353;
	  --accent-dim: #1a6b2a;
	  --accent-glow: rgba(57, 211, 83, 0.15);
	  --blue: #58a6ff;
	  --orange: #f0883e;
	  --red: #f85149;
	  --font-mono: 'JetBrains Mono', monospace;
	  --font-body: 'DM Sans', sans-serif;
}

/* Ensure the body and base containers use dark theme colors */
body {
	  background-color: var(--bg) !important;
	  color: var(--text) !important;
}

/* Global text elements styling to prevent dark text on dark bg */
p, li, dd, dt, blockquote, figcaption, label, legend, td, th,
h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.wp-block-post-author,
.wp-block-post-date,
.wp-block-post-author-name,
.comment-reply-title,
.comment-notes,
.logged-in-as,
.no-comments,
.wp-block-comments-title,
.comment-form-comment label {
	  color: var(--text) !important;
}

/* Muted text styling */
.wp-block-post-excerpt,
.wp-block-post-date,
.wp-block-post-author,
.comment-notes,
.logged-in-as,
.required,
.wp-block-post-author-name__link,
.taxonomy-category a {
	  color: var(--text-muted) !important;
}

/* Link colors */
a {
	  color: var(--accent);
	  text-decoration: none;
	  transition: color 0.2s;
}

a:hover {
	  color: #56e96e;
}

/* Post card layouts formatting for dark theme archive */
.wp-block-post {
	  background-color: var(--bg-card) !important;
	  border: 1px solid var(--border) !important;
	  border-radius: 8px !important;
	  padding: 24px !important;
	  margin-bottom: 24px !important;
	  transition: background-color 0.2s, border-color 0.2s !important;
}

.wp-block-post:hover {
	  background-color: var(--bg-card-hover) !important;
	  border-color: var(--accent-dim) !important;
}

.wp-block-post-title a {
	  color: var(--text) !important;
	  text-decoration: none !important;
}

.wp-block-post-title a:hover {
	  color: var(--accent) !important;
}

/* Style WP Site Title & Navigation in the header */
.wp-block-site-title a {
	  color: var(--text) !important;
}

.wp-block-navigation .wp-block-navigation-item__content {
	  color: var(--text-muted) !important;
	  transition: color 0.2s;
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
	  color: var(--accent) !important;
}

/* Form controls styling */
textarea, input[type="text"], input[type="email"], input[type="url"] {
	  background-color: var(--bg-card) !important;
	  border: 1px solid var(--border) !important;
	  color: var(--text) !important;
	  border-radius: 4px !important;
	  padding: 8px 12px !important;
}

textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus {
	  border-color: var(--accent) !important;
	  outline: none !important;
}