/* ============================================================
   Axerra — Shared component styles
   Loaded on every page. Page-specific rules stay inline.
   ============================================================ */

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  display: inline-block;
  line-height: 1;
}

body {
  background-color: #0d141a;
  color: #dce3ec;
}

html {
  scroll-behavior: smooth;
}

.glass-panel {
  background: rgba(47, 54, 60, 0.6);
  backdrop-filter: blur(20px);
}

.signature-gradient {
  background: linear-gradient(135deg, #00daf8 0%, #007d8f 100%);
}

.ghost-border {
  border: 1px solid rgba(64, 72, 80, 0.18);
}

.tonal-transition {
  background: linear-gradient(to bottom, #0d141a 0%, rgba(13, 20, 26, 0.8) 50%, transparent 100%);
}

.no-line {
  border: none !important;
}

.nav-dropdown .dropdown-menu {
  transition: opacity 0.18s ease, visibility 0.18s ease;
}