/* Generated from Settings -> App. Do not edit by hand: edit the
   accent colours in the admin and reload. */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Roboto:wght@400;500;700&display=swap');

:root {
  --color-primary-50: 244 242 254;
  --color-primary-100: 234 230 253;
  --color-primary-200: 213 205 250;
  --color-primary-300: 181 168 247;
  --color-primary-400: 132 110 242;
  --color-primary-500: 85 55 237;
  --color-primary-600: 43 5 232;
  --color-primary-700: 37 4 197;
  --color-primary-800: 30 4 162;
  --color-primary-900: 25 3 135;
  --color-primary-950: 17 2 93;
  --color-font-subtle-light: 132 137 145;
  --color-font-subtle-dark: 160 160 160;
  --color-font-default-light: 65 73 85;
  --color-font-default-dark: 212 212 212;
  --color-font-important-light: 23 31 41;
  --color-font-important-dark: 255 255 255;
  --site-accent: #2b05e8;
  --site-accent-secondary: #5b21b6;
  --site-font-headings: 'Playfair Display', Georgia, serif;
  --site-font-body: 'Roboto', ui-sans-serif, system-ui, sans-serif;
}

body, .unfold-body, #content, .admin-content {
  font-family: var(--site-font-body);
}
h1, h2, h3, .unfold-heading, #content h1, #content h2, #content h3 {
  font-family: var(--site-font-headings);
  letter-spacing: -0.01em;
}

#content a:not(.button):not([class*='bg-']) {
  color: var(--site-accent-secondary);
}
.unfold-sidebar a:hover { border-color: var(--site-accent-secondary); }