/* ============================================================
   TechAge MissionSuite — "Field Dispatch" Design System
   Shared tokens across the Public Website and Admin Console.
   Extracted from the approved HTML prototypes (design-reference/).
   ============================================================ */
:root{
  --ms-navy-deep:   #0A1929;
  --ms-navy:        #0F2438;
  --ms-navy-raise:  #16324D;
  --ms-parchment:   #F6F2E7;
  --ms-surface:     #FFFFFF;
  --ms-amber:       #C97A2B;
  --ms-amber-dark:  #A8621F;
  --ms-amber-soft:  #FBEEE0;
  --ms-canopy:      #3F6B4F;
  --ms-canopy-soft: #E7EFE8;
  --ms-red:         #B4432E;
  --ms-red-soft:    #F6E4DF;
  --ms-ink:         #1B2A22;
  --ms-slate:       #5B6B72;
  --ms-border:      #E3DCC9;
  --ms-border-navy: rgba(255,255,255,0.10);
  --font-display: 'Fraunces', serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{ font-family:var(--font-body); color:var(--ms-ink); margin:0; }
h1,h2,h3,h4{ font-family:var(--font-display); color:var(--ms-navy); }

.eyebrow{ font-family:var(--font-mono); font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--ms-amber-dark); display:flex; align-items:center; gap:8px; margin-bottom:10px; font-weight:600; }
.eyebrow::before{ content:""; width:22px; height:1.5px; background:var(--ms-amber); display:inline-block; }

.btn-ms-primary{ background:var(--ms-amber); border-color:var(--ms-amber); color:#fff; font-weight:600; font-size:14px; padding:11px 24px; border-radius:8px; }
.btn-ms-primary:hover{ background:var(--ms-amber-dark); border-color:var(--ms-amber-dark); color:#fff; }
.btn-ms-ghost{ background:transparent; border:1.5px solid rgba(255,255,255,0.35); color:#fff; font-weight:600; font-size:14px; padding:10px 22px; border-radius:8px; }
.btn-ms-ghost:hover{ background:rgba(255,255,255,0.1); border-color:#fff; color:#fff; }
.btn-ms-outline-navy{ background:transparent; border:1.5px solid var(--ms-navy); color:var(--ms-navy); font-weight:600; font-size:14px; padding:10px 22px; border-radius:8px; }
.btn-ms-outline-navy:hover{ background:var(--ms-navy); color:#fff; }
.btn-ms-outline{ background:transparent; border:1px solid var(--ms-border); color:var(--ms-navy); font-weight:600; font-size:13.5px; padding:9px 16px; border-radius:8px; }
.btn-ms-outline:hover{ background:var(--ms-surface); border-color:var(--ms-navy); }
.btn-ms-danger{ background:transparent; border:1px solid var(--ms-red); color:var(--ms-red); font-weight:600; font-size:13px; padding:8px 14px; border-radius:8px; }
.btn-ms-danger:hover{ background:var(--ms-red); color:#fff; }

.form-label{ font-size:12.5px; font-weight:600; color:var(--ms-ink); }
.form-text-sm{ font-size:11.5px; color:var(--ms-slate); }
.form-control, .form-select{ border-color:var(--ms-border); font-size:13.5px; }
.form-control:focus, .form-select:focus{ border-color:var(--ms-amber); box-shadow:0 0 0 3px rgba(201,122,43,0.15); }
.form-control[readonly]{ background:#FBF9F3; }
.input-group-text{ background:#FBF9F3; border-color:var(--ms-border); color:var(--ms-slate); font-size:12.5px; }
.form-check.form-switch .form-check-input{ width:2.6em; height:1.4em; cursor:pointer; }
.form-check.form-switch .form-check-input:checked{ background-color:var(--ms-amber); border-color:var(--ms-amber); }
.form-check.form-switch .form-check-input:focus{ box-shadow:0 0 0 3px rgba(201,122,43,0.15); }