:root {
  /* Default */
  --eos-color-gray: #ccc;
  --eos-color-gray-content: #ededed;
  --eos-color-gray-border: #ccc;
  --eos-color-gray-100: #333333;
  --eos-color-gray-200: #ededed;
  --eos-color-gray-300: #efefef;

  --eos-color-primary: #004f9f;
  --eos-color-primary-content: #98b4cf;
  --eos-color-primary-dark: #023161;
  --eos-color-primary-light: #98b4cf;

  --eos-color-secondary: #999;
  --eos-color-secondary-content: #d9d9d9;

  --eos-color-error: #f44336;
  --eos-color-error-content: #feedeb;

  --eos-color-success: #66bb6a;
  --eos-color-success-content: #f0f9f1;

  --eos-color-warning: #ffa726;
  --eos-color-warning-content: #fccd86;

  --eos-color-info: #29b6f6;
  --eos-color-info-content: #a1dcf7;

  --eos-color-disabled: #d9d9d9;
  --eos-color-focus: #29b6f6;
  --eos-color-focus-visible: #29b6f6;

  /* Text/Form */
  --eos-color-text: #333333;
  --eos-color-text-light: #999;
  --eos-color-label: #333333;
  --eos-color-input-text: #333333;
  --eos-color-input-bg: #f5f5f5;
  --eos-color-input-border: #818181;

  --eos-border-width-input: 1px;
  --eos-border-width-radio: 2px;

  /* Button */
  --eos-font-weight-button: 600;
  --eos-border-radius-button: 0;

  --eos-color-btn-primary-text: var(--eos-color-primary);
  --eos-color-btn-primary-text-hover: #fff;
  --eos-color-btn-primary-text-active: #fff;
  --eos-color-btn-primary-bg: #fff;
  --eos-color-btn-primary-bg-hover: var(--eos-color-primary);
  --eos-color-btn-primary-bg-active: var(--eos-color-primary-dark);
  --eos-color-btn-primary-border: var(--eos-color-primary);
  --eos-color-btn-primary-border-hover: var(--eos-color-primary);
  --eos-color-btn-primary-border-active: var(--eos-color-primary-dark);

  --eos-color-btn-secondary-text: var(--eos-color-gray-100);
  --eos-color-btn-secondary-text-hover: var(--eos-color-gray-100);
  --eos-color-btn-secondary-text-active: var(--eos-color-gray-100);
  --eos-color-btn-secondary-bg: #fff;
  --eos-color-btn-secondary-bg-hover: #fff;
  --eos-color-btn-secondary-bg-active: #fff;
  --eos-color-btn-secondary-border: var(--eos-color-gray-200);
  --eos-color-btn-secondary-border-hover: var(--eos-color-gray-100);
  --eos-color-btn-secondary-border-active: var(--eos-color-gray-100);

  --eos-color-btn-disabled-text: #999;
  --eos-color-btn-disabled-bg: #d9d9d9;
  --eos-color-btn-disabled-border: #d9d9d9;

  /* Checkbox/Radio */
  --eos-color-check-bg: #fff;
  --eos-color-check-bg-hover: #fff;
  --eos-color-check-border: #999;
  --eos-color-check-border-hover: #333333;

  --eos-color-checked-bg: #fff;
  --eos-color-checked-bg-hover: #fff;
  --eos-color-checked-border: #333333;
  --eos-color-checked-border-hover: #333333;

  --eos-color-checked-radio: var(--eos-color-primary);
  --eos-color-checked-radio-hover: var(--eos-color-primary);

  --eos-checked-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12' fill='%23004f9f' stroke='%23004f9f' %3e%3cpath d='M6.45 11.85L0.849998 6.25L1.925 5.175L6.45 9.7L16.05 0.0999985L17.125 1.175L6.45 11.85Z'/%3e%3c/svg%3e");
  --eos-checked-icon-disabled: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12' fill='%23cccccc' stroke='%23cccccc' %3e%3cpath d='M6.45 11.85L0.849998 6.25L1.925 5.175L6.45 9.7L16.05 0.0999985L17.125 1.175L6.45 11.85Z'/%3e%3c/svg%3e");

  /* Progress / Loading */
  --eos-color-progress-active: var(--eos-color-primary);
  --eos-color-progress-inactive: #d9d9d9;

  --eos-color-loading-active: var(--eos-color-primary);
  --eos-color-loading-inactive: #f4f4f4;

  /* Navigation / Header */
  --eos-color-nav-text: #333333;
  --eos-color-nav-bg: #ccc;
  --eos-color-nav-border: #ededed;
  --eos-color-nav-icon: #333333;

  /* Footer */
  --eos-color-footer-bg: var(--eos-color-primary);
  --eos-color-footer-text: #fff;
  --eos-color-copyright-bg: var(--eos-color-primary);
  --eos-color-copyright-text: #fff;

  /* Specials */
  --eos-color-border-highlight: #333333;

  /* Height/Width */
  --eos-height-iframeResize: 100%;
  --eos-height-progress: 4px;

  /* Icons */
  --eos-icon-chevron: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --eos-icon-chevron-wh: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");

  --eos-icon-checked: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'%3e%3cpath fill-rule='evenodd' d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z'/%3e%3c/svg%3e");
  --eos-icon-checked-wh: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z'/%3e%3c/svg%3e");

  --eos-icon-x: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'%3e%3cpath fill-rule='evenodd' d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --eos-icon-x-wh: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");

  --eos-icon-plus: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'%3e%3cpath fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3e%3c/svg%3e");
  --eos-icon-plus-wh: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3e%3c/svg%3e");

  /* Font */
  --eos-font-size-xxs: 0.625rem; /*10px*/
  --eos-font-size-xs: 0.75rem; /*12px*/
  --eos-font-size-s: 0.875rem; /*14px*/
  --eos-font-size-m: 1rem; /*16px*/
  --eos-font-size-l: 1.125rem; /*18px*/
  --eos-font-size-xl: 1.25rem; /*20px*/
  --eos-font-size-xxl: 1.5rem; /*24px*/
  --eos-font-size-3xl: 2rem; /*32px*/
  --eos-font-size-4xl: 2.25rem; /*36px*/
  --eos-font-size-5xl: 3rem; /*48px*/

  --eos-font-size-base: 1rem; /*16px*/
  --eos-font-size-base-m: 0.875rem; /*14px*/

  --eos-font-size-meta: 0.875rem; /*14px*/
  --eos-font-size-nav: 1.25rem; /*20px*/
  --eos-font-size-nav-sub: 0.875rem; /*14px*/
  --eos-font-size-footer: 1.125rem; /*18px*/
  --eos-font-size-footer-hl: 1rem; /*16px*/
  --eos-font-size-copyright: 0.875rem; /*12px*/
  --eos-font-size-button: 0.875rem; /*14px*/
  --eos-font-size-label: 0.875rem; /*12px*/
  --eos-font-size-legend: 1.25rem; /*20px*/
  --eos-font-size-popover: 0.875rem; /*14px*/

  --eos-font: Arial, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}