/* あなぶき様テーマ用変数 */

:root {
  /* common colors */
  --theme-color-main: #0079c2;
  --theme-color-main-rgb: 0, 121, 194;
  --theme-color-main-contrast: #fff;
  --theme-color-main-contrast-rgb: 255, 255, 255;
  --theme-color-sub1: #01619c;
  --theme-color-sub1-rgb: 1, 97, 156;
  --theme-color-sub1-contrast: #fff;
  --theme-color-sub1-contrast-rgb: 255, 255, 255;
  --theme-color-sub2: #0079c2;
  --theme-color-sub2-rgb: 0, 121, 194;
  --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: #eaf7fe;
  --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: #929292;
}

#main {
  --theme-color-main-menu: var(--theme-color-main-deep);
  --theme-color-main-menu-active: #00a1dc;
  --theme-color-main-menu-manage: var(--theme-color-manage);
  --theme-color-main-menu-manage-active: #929292;
  --theme-color-top-menu-active: #f0fcfe;
}