/* ============================================================================
 * BKS Orbital Telemetry Theme for Gitea (theme-bks-orbital.css)
 * Palette:
 *   Deep Void     : #07080C
 *   Telemetry Ice : #E2F1FF
 *   Crew Violet   : #9D4EDD
 *   Beacon Red    : #FF1E27
 * ============================================================================ */
@import url("./theme-gitea-dark.css");

:root {
  --bks-deep-void: #07080C;
  --bks-panel-bg: rgba(13, 16, 24, 0.86);
  --bks-surface-bg: #0D1018;
  --bks-telemetry-ice: #E2F1FF;
  --bks-crew-violet: #9D4EDD;
  --bks-beacon-red: #FF1E27;
  --bks-border-glass: rgba(226, 241, 255, 0.12);

  --color-primary: #9D4EDD;
  --color-primary-contrast: #E2F1FF;
  --color-primary-dark-1: #B06BF0;
  --color-primary-dark-2: #C389F5;
  --color-primary-light-1: #8338EC;
  --color-primary-light-2: #6A1B9A;
  --color-primary-alpha-10: rgba(157, 78, 221, 0.1);
  --color-primary-alpha-20: rgba(157, 78, 221, 0.2);
  --color-primary-alpha-30: rgba(157, 78, 221, 0.3);

  --color-body: #07080C;
  --color-box-header: #0D1018;
  --color-box-body: #0A0C12;
  --color-box-body-highlight: #121622;
  --color-text-dark: #FFFFFF;
  --color-text: #E2F1FF;
  --color-text-light: #A9C2DA;
  --color-text-light-1: #8DA8C3;
  --color-text-light-2: #6E87A2;
  --color-text-light-3: #516880;
  --color-footer: #050609;
  --color-nav-bg: rgba(7, 8, 12, 0.88);
  --color-nav-hover-bg: rgba(157, 78, 221, 0.16);
  --color-nav-text: #E2F1FF;
  --color-secondary: rgba(226, 241, 255, 0.12);
  --color-secondary-dark-1: rgba(226, 241, 255, 0.18);
  --color-red: #FF1E27;
  --color-input-background: #0B0E16;
  --color-input-border: rgba(226, 241, 255, 0.16);
  --color-input-border-hover: #9D4EDD;
}

body {
  background-color: var(--bks-deep-void) !important;
  background-image:
    radial-gradient(circle at 15% 10%, rgba(157, 78, 221, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 85% 5%, rgba(255, 30, 39, 0.05) 0%, transparent 35%);
  color: var(--bks-telemetry-ice);
}

#navbar {
  background: var(--color-nav-bg) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--bks-border-glass) !important;
}

.bks-orbital-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  margin-left: 8px;
  border-radius: 999px;
  border: 1px solid rgba(157, 78, 221, 0.45);
  background: rgba(13, 16, 24, 0.82);
  color: #E2F1FF;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.bks-orbital-beacon {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #FF1E27;
  box-shadow: 0 0 8px #FF1E27;
}

.bks-glyph-grid {
  display: inline-grid;
  grid-template-columns: repeat(3, 3px);
  grid-template-rows: repeat(3, 3px);
  gap: 1.5px;
}

.bks-glyph-grid span {
  width: 3px;
  height: 3px;
  background: #9D4EDD;
  border-radius: 0.5px;
}

.bks-glyph-grid span.ice {
  background: #E2F1FF;
}

.bks-glyph-grid span.beacon {
  background: #FF1E27;
}