/* ================================================================
   ECON Tech — Design Tokens
   Single source of truth for all design variables.
   Edit here → changes propagate to all 10 pages automatically.
   ================================================================ */

:root {
  /* ── Colors ── */
  --dark:        #1C1D29;
  --dark-2:      #13141f;
  --dark-mid:    #26273A;
  --dark-light:  #31324A;
  --red:         #DF0808;
  --red-dark:    #B80606;
  --red-hover:   #c00606;
  --white:       #FFFFFF;
  --gray-100:    #F7F7F8;
  --gray-200:    #E8E9EC;
  --gray-mid:    #666666;
  --gray-500:    #555566;
  --gray-light:  #ABACAC;
  --text:        #1C1D29;

  /* ── Typography ── */
  --font-head:   'Montserrat', sans-serif;
  --font-body:   'Open Sans', sans-serif;

  /* ── Spacing ── */
  --max-w:       1200px;
  --section-pad: 96px;
  --container-px: 32px;

  /* ── Radius ── */
  --radius-sm:   8px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;

  /* ── Shadows ── */
  --shadow-card:  0 4px 24px rgba(0,0,0,0.10);
  --shadow-hover: 0 12px 40px rgba(0,0,0,0.10);
  --shadow-red:   0 8px 24px rgba(223,8,8,0.08);

  /* ── Transitions ── */
  --transition:  0.25s ease;
  --transition-slow: 0.6s ease;

  /* ── Navbar height ── */
  --nav-h: 72px;
}