/* PMREB design tokens: the single source of colours, sizes and radii for the portal, the admin console and the
   applications (PMREB Drive loads this file too). See docs/design-system.md. Change values here, never inline. */
:root {
  --color-primary: #004a80;
  --color-primary-hover: #003a66;
  --color-primary-soft: #e8f1fb;
  --color-text: #2e3136;
  --color-text-muted: #5f6b75;
  --color-text-faint: #6b7680;
  --color-bg: #ffffff;
  --color-bg-page: #f6f8fa;
  --color-bg-soft: #f3f6f9;
  --color-line: #d0d7de;
  --color-line-soft: #eaeef2;
  --color-line-strong: #899ba8;
  --color-danger: #b42318;
  --color-danger-hover: #912018;
  --color-danger-soft: #fef3f2;
  --color-danger-line: #f1c0c0;
  --color-ok: #1d5b35;
  --color-ok-soft: #e9f6ee;
  --color-warn: #7a5a1a;
  --color-warn-soft: #fbf4e6;
  --color-neutral: #4b5661;
  --color-neutral-soft: #eef1f4;
  --color-focus: #004a80;

  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 12px;
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --shadow-1: 0 1px 2px rgba(16, 24, 40, .06);
  --shadow-2: 0 8px 24px rgba(16, 24, 40, .12);

  --font: "Open Sans", Arial, sans-serif;
  --text-xs: 12px;
  --text-s: 13px;
  --text-m: 15px;
  --text-site: 16px;
  --text-l: 18px;
  --text-h3: 20px;
  --text-h2: 24px;
  --text-h1: 30px;
  --text-display: 44px;

  --control-h: 40px;
  --control-h-compact: 36px;
  --control-h-site: 44px;
}