/* ==========================================================
   AFRICAN REAPER ARROWS — DESIGN TOKENS
   "The Field" — photographic, cinematic, modern outdoor brand
   Import first.
   ========================================================== */
:root {
  /* ---- Surfaces: dark chrome ---- */
  --char:   #101214;   /* header, footer, dark bands */
  --char-2: #16181B;   /* dark card */
  --char-3: #1E2125;   /* dark card hover / inset */

  /* ---- Surfaces: light content ---- */
  --paper:   #F3F1EC;  /* page background */
  --paper-2: #EAE7DF;  /* lifted section background */
  --white:   #FFFFFF;  /* cards */

  /* ---- Text on light ---- */
  --ink:      #15171A;
  --ink-soft: #4C5157;
  --ink-mute: #7D838B;

  /* ---- Text on dark ---- */
  --t-strong: #F4F3F0;
  --t:        #C9CBCD;
  --t-mute:   #8F949A;

  /* ---- Accents ---- */
  --red:        #C1272D;
  --red-bright: #E03A41;
  --red-deep:   #8E1F24;
  --amber:      #E0A458;
  --amber-soft: rgba(224, 164, 88, 0.16);

  /* ---- Lines ---- */
  --line-lt:   #DDD9CF;
  --line-lt-2: #C9C4B8;
  --line-dk:   #2A2E33;

  /* ---- Typography ---- */
  --f-display: 'Archivo', sans-serif;
  --f-body:    'Manrope', sans-serif;

  /* ---- Layout ---- */
  --container: 1280px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --header-h: 72px;

  /* ---- Effects ---- */
  --shadow-card: 0 22px 44px -18px rgba(21, 23, 26, 0.28);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* ==========================================================
     Legacy aliases — templates (incl. inline style attributes)
     still reference the old token names. Mapped to Field palette.
     ========================================================== */
  --bg:          var(--paper);
  --bg-1:        var(--paper-2);
  --bg-2:        var(--white);
  --bg-3:        var(--char-2);
  --bg-4:        var(--char-3);
  --line:        var(--line-lt);
  --line-strong: var(--line-lt-2);
  --line-glow:   var(--line-lt-2);
  --text-strong: var(--ink);
  --text:        var(--ink-soft);
  --text-mute:   var(--ink-mute);
  --text-dim:    #9AA0A6;
  --bone:        var(--paper);
  --red-dim:     var(--red-deep);
  --red-glow:    rgba(193, 39, 45, 0.14);
  --green:       #1F7A46;
  --f-narrow:    var(--f-body);
  --f-mono:      var(--f-body);
  --f-serif:     var(--f-body);
}