/* ============================================================
   Design Tokens — שטח 100 (100shetach.co.il)
   ============================================================
   Brand: Golani brigade training ground
   Palette: brown beret + olive military + sand terrain + charcoal
   ============================================================ */

:root {
  /* === Brand Colors === */
  --primary:       #5A3624;   /* Golani brown beret */
  --primary-light: #7A4F3A;
  --primary-dark:  #3F2418;
  --secondary:     #5D6D3C;   /* Military olive */
  --secondary-light: #788A52;
  --dark:          #1F2126;   /* Charcoal */
  --dark-alt:      #2A2D34;
  --accent:        #C49A5A;   /* Sand / desert tan */
  --accent-dark:   #A07D40;

  /* Semantic colors */
  --text:          #1F2126;
  --text-light:    #6B6E76;
  --text-muted:    #8A8E96;
  --bg:            #FBFAF7;   /* Warm off-white (parchment) */
  --bg-alt:        #F2EFE8;   /* Sand-tinted alt */
  --bg-warm:       #FBF7EE;
  --highlight:     #FFF3D6;
  --success:       #4C823C;
  --error:         #9A241C;
  --border:        #E1DCD0;

  /* Aliases */
  --gold:          var(--accent);
  --gold-light:    var(--accent);
  --gold-dark:     var(--accent-dark);
  --blue:          var(--secondary);
  --blue-light:    var(--secondary-light);
  --navy:          var(--dark);
  --navy-dark:     var(--dark);
  --nav-bg:        var(--dark);
  --maroon:        var(--primary);
  --maroon-dark:   var(--primary-dark);

  /* === Typography === */
  --font:          'Rubik', 'Heebo', 'Arial Hebrew', sans-serif;
  --text-xs:       0.75rem;
  --text-sm:       0.875rem;
  --text-base:     1rem;
  --text-lg:       1.125rem;
  --text-xl:       1.25rem;
  --text-2xl:      1.5rem;
  --text-3xl:      1.875rem;
  --text-4xl:      2.25rem;
  --text-5xl:      3rem;
  --text-6xl:      3.75rem;

  /* === Spacing === */
  --space-1:       0.25rem;
  --space-2:       0.5rem;
  --space-3:       0.75rem;
  --space-4:       1rem;
  --space-5:       1.25rem;
  --space-6:       1.5rem;
  --space-8:       2rem;
  --space-10:      2.5rem;
  --space-12:      3rem;
  --space-16:      4rem;
  --space-20:      5rem;
  --space-24:      6rem;

  /* === Layout === */
  --max-w:         1200px;
  --max-w-narrow:  760px;
  --max-w-wide:    1400px;
  --radius:        6px;
  --radius-lg:     14px;
  --radius-full:   9999px;

  /* === Shadows === */
  --shadow-sm:     0 1px 2px rgba(31,33,38,0.06);
  --shadow:        0 1px 3px rgba(31,33,38,0.10), 0 1px 2px rgba(31,33,38,0.06);
  --shadow-md:     0 4px 8px rgba(31,33,38,0.08), 0 2px 4px rgba(31,33,38,0.06);
  --shadow-lg:     0 10px 20px rgba(31,33,38,0.10), 0 4px 8px rgba(31,33,38,0.05);
  --shadow-xl:     0 20px 40px rgba(31,33,38,0.12);

  /* === Transitions === */
  --ease:          cubic-bezier(0.4, 0, 0.2, 1);
  --duration:      200ms;
  --duration-slow: 400ms;
}

/* === Font Faces === */
@font-face {
  font-family: 'Rubik';
  src: url('/fonts/Rubik-Variable.woff2') format('woff2');
  font-weight: 300 900;
  font-display: swap;
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F, U+0000-00FF;
}

@font-face {
  font-family: 'Heebo';
  src: url('/fonts/Heebo-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F, U+0000-00FF;
}