/* ==========================================================================
   Iron Woman — Design tokens
   Source of truth: design_handoff_qp_services/README.md §4 (locked QP design).
   Swap this block per-brand (QP Services / Iron Woman Logistics) to re-skin.
   ========================================================================== */

:root {
  /* --- Warm neutral surfaces --- */
  --cream: #f1ede4;            /* primary page background */
  --tan:   #ece6d9;            /* secondary / alternating section background */

  /* --- Dark surfaces (teal-green family) --- */
  --dark:      #14201e;        /* primary dark: footer, dark heroes, image plates */
  --dark-2:    #162227;        /* dark CTA bands */
  --dark-3:    #10171a;        /* darkest: grid-texture "technology" sections */
  --dark-warm: #15100e;        /* emergency band (warm near-black) */
  --login-bg:  #11191b;

  /* --- Ink (text on light) --- */
  --ink:        #1a1714;       /* primary */
  --ink-strong: #26221c;       /* strong body */
  --ink-strong-2: #2a2620;
  --body:       #4c473e;
  --muted:      #6f685c;
  --mono-muted: #8a8273;
  --faint:      #a59c8c;
  --card-desc:  #5a5246;

  /* --- Light (text on dark) --- */
  --light:       #f3efe7;      /* primary light */
  --light-body:  #ece7dc;      /* light body */
  --btn-text:    #f4f1ea;      /* button text */
  --light-40: rgba(236, 231, 220, .40);
  --light-45: rgba(236, 231, 220, .45);
  --light-5:  rgba(236, 231, 220, .50);
  --light-55: rgba(236, 231, 220, .55);
  --light-6:  rgba(236, 231, 220, .60);
  --light-62: rgba(236, 231, 220, .62);
  --light-7:  rgba(236, 231, 220, .70);
  --light-78: rgba(236, 231, 220, .78);
  --light-8:  rgba(236, 231, 220, .80);
  --light-82: rgba(236, 231, 220, .82);

  /* --- Accent (brick red) --- */
  --accent:       #be3a2b;     /* CTAs, markers, italic emphasis */
  --accent-hover: #a12b22;
  --accent-alt:   #c75234;

  /* --- Borders --- */
  --bd-light:   #d9d2c3;
  --bd-light-2: #d2cbba;
  --bd-light-3: #c5bdac;
  --bd-dark-16: rgba(236, 231, 220, .16);
  --bd-dark-18: rgba(236, 231, 220, .18);
  --bd-dark-2:  rgba(236, 231, 220, .20);
  --bd-dark-28: rgba(236, 231, 220, .28);
  --bd-dark-5:  rgba(236, 231, 220, .50);

  /* --- Typography --- */
  --font-serif: 'Spectral', Georgia, 'Times New Roman', serif;
  --font-sans:  'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:  'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* --- Fluid type scale (README §4) --- */
  --fs-h1:    clamp(2.2rem, 5vw, 4.9rem);
  --fs-h2:    clamp(1.7rem, 3.4vw, 3.2rem);
  --fs-h3:    clamp(1.3rem, 2.2vw, 2.1rem);
  --fs-lead:  clamp(1.2rem, 2.4vw, 2.3rem);
  --fs-body:  clamp(1rem, 1.4vw, 1.22rem);
  --fs-mono:  12px;

  /* --- Spacing & layout --- */
  --maxw: 1640px;
  --pad-x: clamp(20px, 5vw, 72px);
  --sec-y-tight:   clamp(60px, 9vh, 110px);
  --sec-y:         clamp(72px, 11vh, 140px);
  --sec-y-loose:   clamp(82px, 13vh, 160px);

  /* --- Motion --- */
  --t-fast: .25s;
  --t-base: .3s;
  --t-slow: .45s;
}