/* ============================================================
   POST 132 OFFICER PORTAL — Design Tokens
   ============================================================ */
:root {
  --navy:        #1B3D6D;
  --navy-dark:   #102545;
  --navy-light:  #2a5298;
  --red:         #B22222;
  --red-dark:    #8B1A1A;
  --gold:        #C8A951;
  --gold-dark:   #A88A3D;
  --gold-light:  #DEC47A;

  --cream:       #F5F0E8;
  --cream-dark:  #EAE3D6;
  --charcoal:    #1E2328;
  --text:        #2C3240;
  --text-light:  #5A6272;
  --text-muted:  #8C94A1;
  --white:       #FFFFFF;
  --off-white:   #FAFAF8;
  --light-bg:    #F0EDE6;
  --border:      #DDD8D0;
  --border-light:#EDEBE5;

  --success:     #2E7D4F;
  --success-bg:  #E7F4EC;
  --warning:     #A66A00;
  --warning-bg:  #FBF0DC;
  --danger:      #B22222;
  --danger-bg:   #FBE9E9;

  --font-heading: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body:    'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --text-xs:   clamp(0.8rem,  1.2vw, 0.875rem);
  --text-sm:   clamp(0.9rem,  1.5vw, 0.95rem);
  --text-base: clamp(1rem,    2vw,   1.0625rem);
  --text-md:   clamp(1.0625rem, 2.3vw, 1.15rem);
  --text-lg:   clamp(1.15rem, 2.8vw, 1.3rem);
  --text-xl:   clamp(1.3rem,  3.2vw, 1.6rem);
  --text-2xl:  clamp(1.6rem,  4vw,   2.1rem);
  --text-3xl:  clamp(2rem,    5vw,   2.75rem);

  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;

  --max-width:     1280px;
  --sidebar-width: 260px;
  --topbar-height: 68px;

  --shadow-xs: 0 1px 2px rgba(0,0,0,0.06);
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.06);
  --shadow-lg: 0 10px 32px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.06);

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast: 0.15s var(--ease);
  --t:      0.25s var(--ease);

  --r-sm:   4px;
  --r:      8px;
  --r-md:   12px;
  --r-lg:   18px;
  --r-full: 9999px;
}