@charset "UTF-8";

:root 
{
  --pub-primary-color-dark: #339999;
  --pub-primary-color-light: #00a789;
  --pub-theme-link-color: #2f8e8e;

  --int-primary-color-dark: #1879c0;
  --int-primary-color-light: rgba(26, 135, 218, 0.8);
  --int-theme-link-color: #003399;

  --solid-black: #000;
  --solid-white: #fff;
  --solid-green: #28A745;
  --solid-red: #f13949;
  --solid-blue: #006bcc;
  --solid-cyan: #00cccc;
  --solid-orange: #ffa000;
  --solid-purple: #5a4bb8;
  --solid-gray: #7f7f7f;
  --solid-yellow: #ffc107;

  --solid-gray-02: #fbfbfb;
  --solid-gray-05: #f3f3f3;
  --solid-gray-10: #eee;
  --solid-gray-20: #ddd;
  --solid-gray-30: #ccc;
  --solid-gray-40: #bbb;
  --solid-gray-50: #aaa;
  --solid-gray-60: #888;
  --solid-gray-70: #666;
  --solid-gray-80: #444;
  --solid-gray-90: #222;

  --trans-green: rgba(195, 230, 203, 0.6);
  --trans-red: rgba(245, 198, 203, 0.4);
  --trans-blue: rgba(36, 160, 255, 0.22);
  --trans-orange: rgba(255, 184, 113, 0.2);
  --trans-purple: rgba(90, 75, 184, 0.35);
  --trans-gray: rgba(187, 187, 187, 0.1);
  --trans-darkgray: rgba(135, 134, 134, 0.2);
  --trans-yellow: rgba(255, 238, 186, 0.7);

  --theme-background-color: var(--solid-gray-05);
  --theme-border-radius: 7px;

  --main-background-color: var(--solid-white);
  --main-font-family: var(--text-normal-font);
  --main-font-color: var(--solid-black);
  --main-image-brightness: 100%;

  --input-background-color: var(--solid-white);
  --input-border-color: var(--solid-gray-30);
  --input-border-radius: 2px;
  --input-required-color: var(--solid-orange);
  --input-placeholder-color: var(--solid-gray-50);

  --button-border-color: var(--solid-gray);
  --button-background-color: var(--solid-gray);

  --navi-background-color: var(--solid-white);
  --tophead-background-color: #2d353c;
  --form-background-color: var(--solid-gray-05);

  --accent-font-color: var(--solid-black);
  --accent-background-color: var(--trans-blue);

  --table-border-color: var(--solid-gray-20);
  --table-header-color: var(--solid-gray-10);
  --table-cell-padding: 6px 9px;
  --table-background-color: var(--solid-white);

  --overlay-backdrop-opacity: 0.3;
  --overlay-background-color: var(--solid-white);
  --overlay-border-color: var(--solid-gray-40);
}