/* Mcloud共通テーマ用変数 */

:root {
  /* common colors */
  --theme-color-main: #006532;
  --theme-color-main-rgb: 0, 101, 50;
  --theme-color-main-contrast: #fff;
  --theme-color-main-contrast-rgb: 255, 255, 255;
  --theme-color-sub1: #00562b;
  --theme-color-sub1-rgb: 0, 86, 43;
  --theme-color-sub1-contrast: #fff;
  --theme-color-sub1-contrast-rgb: 255, 255, 255;
  --theme-color-sub2: #0d8c4c;
  --theme-color-sub2-rgb: 13, 140, 76;
  --theme-color-sub2-contrast: #fff;
  --theme-color-sub2-contrast-rgb: 255, 255, 255;

  --theme-color-manage: #404040;
  --theme-color-manage-rgb: 32, 32, 32;
  --theme-color-manage-contrast: #fff;
  --theme-color-manage-contrast-rgb: 255, 255, 255;
}

html {
  /* specific colors */
  --theme-color-background: #ededed;
  --theme-color-main-deep: var(--theme-color-sub1);

  --theme-color-header: var(--theme-color-main);
  --theme-color-header-deep: var(--theme-color-sub1);
  --theme-color-header-manage: var(--theme-color-manage);
  --theme-color-header-manage-contrast: var(--theme-color-manage-contrast);

  --theme-color-footer: #18643a;
}

#main {
  --theme-color-main-menu: var(--theme-color-sub2);
  --theme-color-main-menu-active: #28b682;
  --theme-color-main-menu-manage: var(--theme-color-manage);
  --theme-color-main-menu-manage-active: #929292;
  --theme-color-top-menu-active: #def2eb;
}