:root {
--igidrone-bg: #07111F;
--igidrone-surface: #101F32;
--igidrone-ink: #EAF2FA;
--igidrone-accent: #36A9E8;
--igidrone-muted: #9CB0C5;
--igidrone-border: rgba(156,176,197,.2);
--igidrone-radius: 12px;
}
body {
background: var(--igidrone-bg);
color: var(--igidrone-ink);
}
.site, .site-content, .content-area, .inside-article, .sidebar .widget,
.separate-containers .inside-article, .separate-containers .comments-area,
.separate-containers .page-header, .separate-containers .paging-navigation {
background: var(--igidrone-bg);
color: var(--igidrone-ink);
}
.site-header, .main-navigation, .inside-header, .main-navigation .main-nav ul ul {
background: #091728;
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.site-title a, .site-description,
.entry-title, .entry-title a, .site-content h1, .site-content h2,
.site-content h3, .site-content h4 {
color: var(--igidrone-ink);
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li[class*="current-menu-"] > a,
a { color: var(--igidrone-accent); }
a:hover { color: #83D0FA; }
button, input[type="button"], input[type="reset"], input[type="submit"],
.wp-block-button__link {
background: var(--igidrone-accent);
color: #06111e;
border-radius: 8px;
border: 0;
font-weight: 700;
}
input, select, textarea {
background: #0d1b2c;
color: var(--igidrone-ink);
border: 1px solid var(--igidrone-border);
border-radius: 8px;
}
.site-footer, .footer-widgets {
background: #091728;
color: var(--igidrone-muted);
}
.igidrone-wrap {
max-width: 1120px;
margin: 28px auto;
padding: 20px;
color: var(--igidrone-ink);
}
.igidrone-panel, .igidrone-card {
background: var(--igidrone-surface);
color: var(--igidrone-ink);
border: 1px solid var(--igidrone-border);
border-radius: var(--igidrone-radius);
box-shadow: 0 12px 32px rgba(0,0,0,.16);
}
.igidrone-table th { background: #172b42; color: var(--igidrone-ink); }
.igidrone-table td, .igidrone-table th { border-color: var(--igidrone-border); }
.igidrone-muted { color: var(--igidrone-muted); }
@media (max-width: 768px) {
.igidrone-wrap { padding: 14px; margin: 16px auto; }
.main-navigation .main-nav ul li a { padding-left: 16px; padding-right: 16px; }
}