/* artificiel.org look: warm greys (#B9B7B4 / #999794), gold+brown accents, Raleway */
@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/system/site/raleway-latin.woff2') format('woff2');
}

html:root {
  /* warm grey scale anchored on the site backgrounds */
  --color-grey-50:  #f7f6f4;
  --color-grey-100: #eeece9;
  --color-grey-200: #d9d6d2;
  --color-grey-300: #b9b7b4;
  --color-grey-400: #999794;
  --color-grey-500: #77746f;
  --color-grey-600: #5c5853;
  --color-grey-700: #46423c;
  --color-grey-800: #3d3425;
  --color-grey-900: #2a2419;
  --color-grey-950: #1d1911;

  /* brand: gold of the site banner instead of Mastodon indigo */
  --color-indigo-50:  #fbf6e6;
  --color-indigo-100: #f5ebc6;
  --color-indigo-200: #f0d878;
  --color-indigo-300: #e2c45a;
  --color-indigo-400: #d4b44a;
  --color-indigo-500: #c9a227;
  --color-indigo-600: #8a6d12;
  --color-indigo-700: #745b0f;
  --color-indigo-800: #5e4a0c;
  --color-indigo-900: #4e4333;
  --color-indigo-950: #2a2419;
}

body, input, textarea, select, button {
  font-family: Raleway, mastodon-font-sans-serif, sans-serif;
}