/* Mundologia: base styles. Split from styles.backup.css. */

:root {
  --bg: #030711;
  --bg-soft: #070d18;
  --surface: rgba(8, 14, 27, .88);
  --surface-strong: rgba(11, 18, 32, .96);
  --line: rgba(148, 163, 184, .16);
  --line-strong: rgba(168, 85, 247, .34);
  --text: #f8fafc;
  --muted: #9ca3af;
  --muted-2: #667085;
  --purple: #9b5cff;
  --purple-2: #6d28d9;
  --blue: #2f8cff;
  --pink: #ef3d84;
  --green: #22c55e;
  --orange: #f97316;
  --radius: 8px;
  --shadow: 0 18px 60px rgba(0, 0, 0, .42), 0 0 40px rgba(124, 58, 237, .12);
}

* { box-sizing: border-box; }

[hidden] { display: none !important; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  font-family: Inter, "Segoe UI", system-ui, Arial, sans-serif;
  background:
    radial-gradient(circle at 48% -10%, rgba(124, 58, 237, .2), transparent 26%),
    radial-gradient(circle at 82% 18%, rgba(37, 99, 235, .1), transparent 24%),
    linear-gradient(180deg, #02050d 0%, #050914 52%, #030711 100%);
  letter-spacing: 0;
}

body:before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, #000, transparent 72%);
}

a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; object-fit: cover; }
button { cursor: pointer; }
svg { flex: 0 0 auto; }

.theme-light{--bg:#eef2f8;--bg-soft:#f8fafc;--surface:rgba(255,255,255,.94);--surface-strong:#fff;--line:rgba(30,41,59,.16);--text:#111827;--muted:#64748b;background:#eef2f8;color:var(--text)}

.theme-light:before{display:none}

.theme-light .panel,.theme-light .metric,.theme-light .admin-topbar,.theme-light .admin-sidebar{background:#fff;color:#111827}

.theme-light input,.theme-light select,.theme-light textarea{background:#f8fafc;color:#111827}

.theme-light .admin-sidebar a,.theme-light .site-header{color:#111827}

button, input, select, textarea { font: inherit; color: inherit; }

option{color:#111827;background:#fff}

.theme-light .top-dropdown{background:#fff}