/* Define colors.
   WCAG 2.1 AA 1.4.3: Overrides (e.g. in style.css) must meet contrast:
   - Normal text: 4.5:1 minimum (e.g. white on #287d85).
   - Large text (18pt+ or 14pt bold): 3:1 minimum.
      WCAG 2.1 AAA 1.4.6: For AAA,normal text needs 7:1 on background.
   Avoid light backgrounds with white text (e.g. rgb(67,186,198) fails). */
/* Define colors */
:root {
  --ak-body: #f5f5f5;
  --ak-header: #3b4b61;
  --ak-content: #ffffff;
  --ak-text: #383838;

  /* button - base */
  --ak-btn: #627ca0;
  --ak-btn-text: white;
  --ak-btn-active: #4e6381;
  --ak-btn-active-text: white;
  --ak-btn-hover: #536a89;
  --ak-btn-hover-text: white;

  /* button - primary */
  --ak-btn-p: #627ca0;
  --ak-btn-p-text: white;
  --ak-btn-p-active: #4e6381;
  --ak-btn-p-active-text: white;
  --ak-btn-p-hover: #536a89;
  --ak-btn-p-hover-text: white;

  /* button - secondary */
  --ak-btn-s: #5a6268;
  --ak-btn-s-text: white;
  --ak-btn-s-active: #5a6268;
  --ak-btn-s-active-text: white;
  --ak-btn-s-hover: #5a6268;
  --ak-btn-s-hover-text: white;

  /* radio button */
  --ak-radio-btn: white;
  --ak-radio-btn-text: #2196f3;
  --ak-radio-btn-active: #2196f3;
  --ak-radio-btn-active-text: white;
  --ak-radio-btn-hover: #2196f3;
  --ak-radio-btn-hover-text: white;
  --ak-radio-btn-border: #2196f3;

  /* loading */
  --ak-loading-app-backdrop: #e7e7e7;
  --ak-loading-app-spinner: #3b4b61;
  --ak-loading-element-backdrop: #dedede;
  --ak-loading-element-spinner: #3b4b61;
}