/* ── Modern Military — Desert ─────────────────────────────────────
   Scorched earth and terracotta dust. Contemporary arid-theatre
   ops — field-worn kit under a brutal sun.
   ─────────────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&family=Share+Tech+Mono&display=swap');

[data-theme="modern-military-desert"] {
  --color-bg:            #130f06;
  --color-surface:       #1e1708;
  --color-surface-2:     #28200c;
  --color-surface-3:     #322810;

  --color-border:        #463418;
  --color-border-subtle: #342808;

  --color-accent:           #c87028;
  --color-accent-hover:     #d88038;
  --color-accent-muted:     #4c2808;
  --color-accent-dim:       rgba(200,112,40,0.12);
  --color-secondary-accent: #a05820;

  --color-text:          #dcc898;
  --color-text-muted:    #8c6c40;
  --color-text-faint:    #504028;
  --color-heading:       #ecd8a8;

  --color-nav-bg:        #0c0a04;
  --color-nav-border:    #221806;
  --color-nav-text:      #8c6c40;
  --color-nav-active:    #dcc898;

  --color-footer-bg:     #0c0a04;

  --color-green:         #6a8c2c;
  --color-green-bg:      rgba(106,140,44,0.12);
  --color-green-bd:      rgba(106,140,44,0.3);
  --color-red:           #c04820;
  --color-red-bg:        rgba(192,72,32,0.12);
  --color-red-bd:        rgba(192,72,32,0.3);
  --color-amber:         #c87028;
  --color-amber-bg:      rgba(200,112,40,0.12);
  --color-amber-bd:      rgba(200,112,40,0.3);
  --color-blue:          #5880a0;
  --color-blue-bg:       rgba(88,128,160,0.12);
  --color-blue-bd:       rgba(88,128,160,0.3);

  --font-sans:           'Rajdhani', 'Segoe UI', system-ui, sans-serif;
  --font-heading:        'Rajdhani', 'Segoe UI', sans-serif;
  --font-mono:           'Share Tech Mono', 'Consolas', monospace;
  --font-weight-heading: 700;
  --font-size-base:      16px;

  --radius-sm:           1px;
  --radius:              2px;
  --radius-lg:           3px;
  --radius-pill:         2px;

  --shadow-sm:           0 1px 4px rgba(0,0,0,0.75);
  --shadow:              0 2px 10px rgba(0,0,0,0.82);
  --shadow-lg:           0 8px 28px rgba(0,0,0,0.88);
  --shadow-gold:         none;

  --card-header-bg:      #28200c;

  /* Heat shimmer — steep diagonal grain */
  --body-bg-image:
    repeating-linear-gradient(
      112deg,
      transparent,
      transparent 44px,
      rgba(200,112,40,0.028) 44px,
      rgba(200,112,40,0.028) 45px
    );
}

[data-theme="modern-military-desert"] .navbar-title {
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

[data-theme="modern-military-desert"] .card {
  border-left: 3px solid var(--color-accent-muted);
}

[data-theme="modern-military-desert"] .btn {
  letter-spacing: 0.1em;
  border-radius: 1px;
  text-transform: uppercase;
}

[data-theme="modern-military-desert"] th {
  border-bottom: 2px solid var(--color-accent-muted);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

[data-theme="modern-military-desert"] .badge {
  border-radius: 1px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[data-theme="modern-military-desert"] .auth-card {
  border-top: 2px solid var(--color-accent);
}