/* New World Order Premium Geopolitics Theme */

:root{
  --bg:#98a7ec;
  --card:#3f66b4;
  --accent:#3b82f6;
  --accent2:#60a5fa;
  --text:#e5e7eb;
  --muted:#94a3b8;
  --border:#1e293b;
}

/* Light Mode */
body.light-mode {
  --bg: #ffffff;
  --card: #f3f4f6;
  --accent: #2563eb;
  --accent2: #3b82f6;
  --text: #1f2937;
  --muted: #6b7280;
  --border: #e5e7eb;
}

body.light-mode {
  background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);
  color: var(--text);
}

body.light-mode header {
  background-color: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(8px);
  border-bottom-color: var(--border) !important;
}

body.light-mode nav a {
  color: var(--text) !important;
  font-style: italic;
}

body.light-mode nav a:hover {
  color: var(--accent) !important;
}

body.light-mode section {
  background-color: #f3f4f6;
}

body.light-mode section h2,
body.light-mode section p {
  color: var(--text) !important;
}

body.light-mode .bg-slate-900 {
  background-color: var(--card) !important;
}

body.light-mode .bg-gradient-to-r,
body.light-mode .bg-gradient-to-l {
  background: linear-gradient(to right, #eff6ff, #f0f9ff) !important;
}

/* Hero section - Default (Dark Mode) */
#hero {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(30, 58, 138, 0.9)) !important;
  background-image: none !important;
  color: #e5e7eb !important;
}

#hero::before {
  display: none !important;
}

#hero h2,
#hero h3 {
  color: #93c5fd !important;
  font-style: italic;
}

#hero p {
  color: #d1d5db !important;
  font-style: italic;
}

#hero a {
  color: #ffffff !important;
  font-style: italic;
}

/* Light mode hero */
body.light-mode #hero {
  background: #ffffff !important;
  background-image: none !important;
  color: #1f2937 !important;
}

body.light-mode #hero h2,
body.light-mode #hero h3 {
  color: #1f2937 !important;
  font-style: italic;
}

body.light-mode #hero p {
  color: #374151 !important;
  font-style: italic;
}

body.light-mode #hero a {
  color: #ffffff !important;
  font-style: italic;
}

body.light-mode #hero h2,
body.light-mode #hero h3 {
  color: #1f2937 !important;
  font-style: italic;
}

body.light-mode #hero p {
  color: #374151 !important;
  font-style: italic;
}

body.light-mode #hero a {
  color: #ffffff !important;
  font-style: italic;
}

/* CTA section - dark mode with gradient */
#cta {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(30, 58, 138, 0.9)) !important;
  color: #e5e7eb !important;
}

#cta h3,
#cta h2 {
  color: #93c5fd !important;
  font-style: italic;
}

#cta p {
  color: #d1d5db !important;
  font-style: italic;
}

/* Light mode CTA */
body.light-mode #cta {
  background: #ffffff !important;
  background-image: none !important;
  color: #1f2937 !important;
}

/* Posts Section - Dark Mode */
#posts {
  background: linear-gradient(135deg, rgba(152, 167, 236, 0.15), rgba(63, 102, 180, 0.15)) !important;
}

/* Posts Section - Light Mode */
body.light-mode #posts {
  background: transparent !important;
}

/* Post Cards - Dark Mode Override */
.bg-slate-900 {
  background-color: rgba(63, 102, 180, 0.3) !important;
}

.bg-slate-800 {
  background-color: rgba(30, 58, 138, 0.4) !important;
}

/* Post Cards - Light Mode */
body.light-mode .bg-slate-900 {
  background-color: #f3f4f6 !important;
}

body.light-mode .bg-slate-800 {
  background-color: #e5e7eb !important;
}

body.light-mode #cta::before {
  display: none !important;
}

body.light-mode #cta h3,
body.light-mode #cta h2 {
  color: #1f2937 !important;
  font-style: italic;
}

body.light-mode #cta p {
  color: #374151 !important;
  font-style: italic;
}

body.light-mode #cta a {
  color: #ffffff !important;
  font-style: italic;
}

body.light-mode text,
body.light-mode h1,
body.light-mode h2,
body.light-mode h3,
body.light-mode h4,
body.light-mode h5,
body.light-mode h6,
body.light-mode p,
body.light-mode a,
body.light-mode li {
  color: var(--text) !important;
  font-style: italic;
}

body.light-mode .text-gray-200 {
  color: var(--text) !important;
}

body.light-mode .text-gray-300 {
  color: var(--muted) !important;
}

body.light-mode .text-gray-400 {
  color: var(--muted) !important;
}

body.light-mode .text-gray-500 {
  color: var(--muted) !important;
}

body.light-mode .text-blue-400 {
  color: var(--accent) !important;
}

body.light-mode .border-slate-800 {
  border-color: var(--border) !important;
}

body.light-mode article,
body.light-mode .bg-slate-900 {
  background-color: var(--card) !important;
  border-color: var(--border) !important;
}

body.light-mode footer {
  background-color: #f9fafb !important;
  border-top-color: var(--border) !important;
}

body.light-mode input,
body.light-mode textarea {
  background-color: var(--card) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

body.light-mode button {
  font-style: italic;
}

body.light-mode .bg-slate-800 {
  background-color: #ffffff !important;
}

body.light-mode img {
  background-color: #ffffff !important;
}

body.light-mode figure {
  background-color: #ffffff !important;
}

body{
  font-family:'Poppins',sans-serif;
  background:radial-gradient(circle at top,#020617,#000);
  color:var(--text);
}

/* Navbar */
header{
  backdrop-filter:blur(8px);
}

/* Hero */
section{
  background-image:url('https://images.unsplash.com/photo-1526778548025-fa2f459cd5c1');
  background-size:cover;
  background-position:center;
  position:relative;
}
section::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to right,rgba(2,6,23,.9),rgba(2,6,23,.7));
}
section>*{
  position:relative;
}

/* Cards */
article{
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(30, 58, 138, 0.9));
  border:1px solid var(--border);
  transition:.3s;
}
article:hover{
  transform:translateY(-6px);
  box-shadow:0 10px 30px rgba(59,130,246,.25);
  border-color:var(--accent);
}

/* Article Light Mode */
body.light-mode article {
  background: #ffffff !important;
  color: #1f2937 !important;
}

/* Headings */
h1,h2,h3,h4,h5{
  letter-spacing:.3px;
}

/* Links */
a{
  transition:.2s;
}
a:hover{
  color:var(--accent2);
}

/* Footer */
footer{
  background:#020617;
}

/* Article typography */
article p{
  line-height:1.8;
  color:#cbd5e1;
}

/* Buttons */
button{
  background:linear-gradient(135deg,#2563eb,#3b82f6);
  border:none;
  transition:.25s;
}
button:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(59,130,246,.4);
}

/* Forms */
input,textarea{
  border:1px solid var(--border);
}
input:focus,textarea:focus{
  outline:none;
  border-color:var(--accent);
  box-shadow:0 0 0 2px rgba(59,130,246,.25);
}