/* fluent.theme.css — V8 */
:root{
  --fx-font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  --fx-font-size-base: 16px;
  --fx-radius: 12px;

  --fx-bg-darker:#0D1526; --fx-bg-dark:#111937; --fx-text-on-dark:#fff; --fx-accent-100:#E5FFFF;
  --fx-primary:#2B7FFF; --fx-primary-contrast:#fff; --fx-focus:#5B9CFF;

  --fx-neutral-1:#f6f7fb; --fx-neutral-2:#e9e9ef; --fx-neutral-7:#2b2f36;
  --fx-text:#1b1b1f; --fx-muted:#5e6672;
  --fx-success:#107c10; --fx-danger:#b21e35; --fx-warning:#986f0b;
  --fx-shadow:0 8px 22px rgba(2,6,23,.06);
}

body{font-family:var(--fx-font-family);font-size:var(--fx-font-size-base);color:var(--fx-text)}
a{color:var(--fx-primary);text-decoration:underline} a:hover{filter:brightness(.95)}

.btn{border-radius:var(--fx-radius);}
.btn-primary{background:var(--fx-primary);border-color:var(--fx-primary);color:var(--fx-primary-contrast)}
.btn-primary:hover{filter:brightness(.95)}
.btn-primary:active, .btn-primary.active{filter:brightness(.90)}
.btn-primary:disabled, .btn-primary.disabled{opacity:.65}

.btn-outline-primary{color:var(--fx-primary);border-color:var(--fx-primary)}
.btn-outline-primary:hover{background:var(--fx-primary);color:var(--fx-primary-contrast)}
.btn-outline-primary:active, .btn-outline-primary.active{filter:brightness(.95)}
.btn-outline-primary:disabled, .btn-outline-primary.disabled{opacity:.65}

button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible{outline:3px solid var(--fx-focus);outline-offset:2px}

.badge{border-radius:999px;padding:.35em .6em; font-weight:600}
.badge-primary{background:var(--fx-primary);color:var(--fx-primary-contrast)}
.badge-soft{background:#edf5ff;color:#113264}

.card,.fx-pane{border-radius:var(--fx-radius); box-shadow: var(--fx-shadow); background:#fff; border:1px solid var(--fx-neutral-2)}

.navbar{background: linear-gradient(180deg, var(--fx-bg-darker) 0%, var(--fx-bg-dark) 100%) !important;}
.navbar .navbar-brand, .navbar .nav-link, .navbar .navbar-text{color: var(--fx-text-on-dark) !important; opacity:.9;}
.navbar .nav-link:hover{opacity:1;}