:root{
  /* Core — client colours, from header.css and zanzalakht.css */
  --z-orange: #FF6525;
  --z-green: #8AA821;
  --z-cream: #FBDEA6;
  --z-black: #000000;
  --z-ink: #242019;
  --z-paper: #FBFAEE;
  /* orange scale */
  --z-orange-50: #FFF3EE;
  --z-orange-100: #FFE6DC;
  --z-orange-200: #FFCCB7;
  --z-orange-300: #FFB292;
  --z-orange-400: #FF8857;
  --z-orange-500: #FF6525;
  --z-orange-600: #DA5620;
  --z-orange-700: #B2471A;
  --z-orange-800: #8F3915;
  --z-orange-900: #69290F;
  /* green scale */
  --z-green-50: #F6F8ED;
  --z-green-100: #ECF1DB;
  --z-green-200: #D8E2B6;
  --z-green-300: #C4D490;
  --z-green-400: #A5BC54;
  --z-green-500: #8AA821;
  --z-green-600: #76901C;
  --z-green-700: #617617;
  --z-green-800: #4D5E12;
  --z-green-900: #39450E;
  /* sand scale */
  --z-sand-50: #FFFCF8;
  --z-sand-100: #FEFAF1;
  --z-sand-200: #FEF4E2;
  --z-sand-300: #FDEED2;
  --z-sand-400: #FCE6BA;
  --z-sand-500: #FBDEA6;
  --z-sand-600: #D7BE8E;
  --z-sand-700: #B09B74;
  --z-sand-800: #8D7C5D;
  --z-sand-900: #675B44;
  /* stone scale */
  --z-stone-50: #F6F5F4;
  --z-stone-100: #ECEBEA;
  --z-stone-200: #DAD6D4;
  --z-stone-300: #C2BCBA;
  --z-stone-400: #A69E9A;
  --z-stone-500: #8A7F7A;
  --z-stone-600: #786E69;
  --z-stone-700: #655D57;
  --z-stone-800: #534C46;
  --z-stone-900: #242019;
  /* Logo horizon: sky band ends at 62.5% of the header (site code) */
  --z-horizon: 62.5%;
  --z-font-wordmark: "Kodchasan", sans-serif;
}