/* ============================================================
   VARIABLES.CSS — Design tokens (colors, fonts, spacing, easing)
   Single source of truth for all pages.
   ============================================================ */

:root {
  --orange:        #F1592D;
  --orange-dk:     #D4441A;
  --orange-lt:     #FEF0EB;
  --orange-mid:    #FCDDD4;
  --crimson:       #C0202F;
  --green:         #39B54A;
  --green-lt:      #EBF8ED;

  --bg:            #FFFFFF;
  --bg-soft:       #F8F7F5;
  --bg-warm:       #F4F2EF;
  --border:        #E8E5E0;
  --border-dk:     #D5D0C8;

  --text:          #0F0E0D;
  --text-2:        #3D3A35;
  --text-3:        #8A847B;
  --text-inv:      #FFFFFF;

  --font-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;

  --nav-h:        68px;
  --max-w:        1160px;
  --r:            8px;
  --r-lg:         14px;
  --r-xl:         20px;

  --ease:         cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:     cubic-bezier(0, 0, 0.2, 1);
  --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
}