/* Define colors */
:root {
  --ak-body: #f5f5f5;
  --ak-header: #3b4b61;
  --ak-content: #ffffff;
  --ak-text: #666666;

  /* 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;
}