/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/*
  Global CSS custom properties.
*/

/* stylelint-disable */

:root {
  /* Layout helpers. */
  --max-bg-color: 256rem; /* Width to which the background color extends to. */
  --site-header-height-wide: 7.1875rem;

  /**
   * Primary colors.
   *
   * Color number roughly corresponds to its luminosity.
   */
  --color--primary: #0091cd;
  --color--background-main: #fff;
  --color--background-backdrop: #e6e6e6;
  --color--background-highlight: #fff;
  --color--background-understated: #d1d1d1;
  --color--border-main: #ccc;
  --color--border-comments: #aaa;

  --color--primary-30: #0091cd;
  --color--primary-40: #0091cd;

  --color--gray-hue: 198;

  /**
   * Variables specific to text.
   */

  --color-text-neutral-loud: #000;
  --color-text-nav-bar: #fff;

  /* Border radius */
  --border-radius: 0.25rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color--background-main: #121212;
    --color--background-backdrop: #2e2e2e;
    --color--background-highlight: #444;
    --color--background-understated: #444;
    --color--border-main: #444;
    --color--border-comments: #777;
    --color--shadow: #444;
    --color-text-light: #eee;
    --color-text-neutral-loud: #eee;
  }
}