/* ==========================================================================
   MECHTATEL // ECOSYSTEM NEXUS — FORGEJO 15 LTS THEME (NEXUS DARK)
   Pure Deep Black #020304 + Cyber Glassmorphism + Mono Accents
   ========================================================================== */

:root {
  --is-dark-theme: true;
  color-scheme: dark;

  /* Primary Palette */
  --color-primary: #ffffff;
  --color-primary-contrast: #020304;
  --color-primary-dark-1: #e4e4e7;
  --color-primary-dark-2: #d4d4d8;
  --color-primary-alpha-10: rgba(255, 255, 255, 0.10);
  --color-primary-alpha-20: rgba(255, 255, 255, 0.20);
  --color-primary-alpha-30: rgba(255, 255, 255, 0.30);
  --color-primary-alpha-40: rgba(255, 255, 255, 0.40);

  /* Background & Surfaces */
  --color-body: #020304;
  --color-box-header: #070a0e;
  --color-box-body: #080b0f;
  --color-box-body-highlight: #0d1218;
  --color-secondary: #0a0d12;
  --color-secondary-dark: #05070a;
  --color-card: #080b0f;
  --color-footer: #040608;

  /* Navbar */
  --color-navbar: #070a0e;
  --color-nav-bg: #070a0e;
  --color-nav-hover-bg: #0e131a;
  --color-nav-text: rgba(255, 255, 255, 0.85);

  /* Borders */
  --color-border: rgba(255, 255, 255, 0.12);
  --color-border-subtle: rgba(255, 255, 255, 0.08);
  --color-border-active: rgba(255, 255, 255, 0.28);
  --color-secondary-border: rgba(255, 255, 255, 0.10);

  /* Typography */
  --color-text: rgba(255, 255, 255, 0.92);
  --color-text-secondary: rgba(255, 255, 255, 0.65);
  --color-text-muted: rgba(255, 255, 255, 0.40);
  --color-text-dim: rgba(255, 255, 255, 0.30);
  --color-link: #ffffff;
  --color-link-hover: #a1a1aa;

  /* Code & Syntax */
  --color-console-bg: #020304;
  --color-console-fg: #f4f4f5;
  --color-code-bg: #05070a;
  --color-markup-code-inline: rgba(255, 255, 255, 0.08);

  /* Diff colors */
  --color-diff-added-row-bg: rgba(46, 160, 67, 0.12);
  --color-diff-added-row-border: rgba(46, 160, 67, 0.4);
  --color-diff-removed-row-bg: rgba(248, 81, 73, 0.12);
  --color-diff-removed-row-border: rgba(248, 81, 73, 0.4);

  /* Shadows */
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.6);
  --border-radius: 8px;
}

/* Custom UI Polish for Nexus Look */
body {
  background-color: var(--color-body) !important;
  color: var(--color-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  letter-spacing: -0.01em;
}

/* Navigation styling */
.ui.top.secondary.menu,
.ui.secondary.pointing.menu {
  background: var(--color-navbar) !important;
  border-bottom: 1px solid var(--color-border) !important;
}

.ui.menu .item {
  color: var(--color-nav-text) !important;
}

/* Rounded Cards and Boxes */
.ui.segment,
.ui.attached.segment,
.ui.card,
.ui.cards > .card {
  background: var(--color-box-body) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: none !important;
}

.ui.attached.header {
  background: var(--color-box-header) !important;
  border: 1px solid var(--color-border) !important;
  border-bottom: none !important;
  border-top-left-radius: var(--border-radius) !important;
  border-top-right-radius: var(--border-radius) !important;
}

/* Buttons */
.ui.button {
  border-radius: 6px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

.ui.primary.button {
  background-color: #ffffff !important;
  color: #020304 !important;
}
.ui.primary.button:hover {
  background-color: #e4e4e7 !important;
}

/* Code Blocks & Diff view */
pre, code, .font-mono {
  font-family: "Roboto Mono", "JetBrains Mono", Consolas, Menlo, monospace !important;
}