/*
 * DjangoViet's colours. They follow djangoviet.com and its logo: green, with
 * the logo's navy for headings and the red of "viet" as the accent, in light
 * and dark mode (theme.css). In dark mode the backgrounds are a neutral
 * blue-grey instead of the green of djangoeurope.com.
 *
 * The same file is in django-cp (base/static/base/) for the browsable API and
 * the admin's login page, and in django-cp-web (src/assets/theme/) for the
 * control panel. Keep the copies the same.
 */

:root {
  --bg: light-dark(#fff, #0f1420);
  --border: light-dark(#e5e7eb, #263247);
  --surface: light-dark(#f9fafb, #141b29);
  --raised: light-dark(#fff, #182030);
  --code-bg: light-dark(#0a1a14, #0a0e17);
  --brand: #008000;
  --brand-dark: #006b00;
  --brand-light: light-dark(#fdecec, rgba(237, 28, 36, .2));
  --brand-focus: rgba(0, 128, 0, .2);
  --heading: light-dark(#2e3192, #fff);
  --link: light-dark(#006b00, #4ade80);
  --link-hover: light-dark(#005200, #86efac);
  --accent: light-dark(#c8151c, #ff8a8e);
}