/* テーマカラーなどのページ全体で共有するCSS変数を管理。
background-color: var(--color-primary); などのように使用する。
-tripletは透明度付きの指定用→ rgba(var(--color-primary-triplet), 0.5)
-contrastは文字色指定用だけど要らないかも */

:root {
  --color-primary: rgb(0, 113, 133);
  --color-primary-triplet: 0, 113, 133;
  --color-primary-contrast: rgb(255, 255, 255);
  --color-primary-contrast-triplet: 255, 255, 255;
  --color-primary-light: rgb(225, 238, 234);
  --color-primary-light-triplet: 225, 238, 234;
  --color-primary-background: rgb(0, 113, 133);
  --color-primary-dark: rgb(22, 95, 131);
  --color-primary-dark-triplet: 22, 95, 131;
  --color-primary-darker: rgb(17, 67, 92);
  --color-primary-darkest: rgb(11, 43, 59);
  --color-background-yellow: #ECE038;
  --color-background-yellow-light: #fff673;
  --color-background-yellow-dark: #cdc330;
  --color-line: #06c755;
  --color-line-dark: #04a94c;

  --color-background-subsidy: #3a6c87;
  --color-background-grant: #ef4c45;
  --color-background-loan: #50b748;
  --color-background-investment: #239fdb;
  --color-background-ma: #ffa40b;
  --color-background-all: #1d67b1;
  --color-background-line: #f7fdf9;


  --color-light: rgb(245, 247, 245);
  --color-light-triplet: 245, 247, 245;
  --color-light-contrast: #000;
  --color-light-contrast-triplet: 0, 0, 0;

  --color-dark: rgb(37, 24, 29);
  --color-dark-lighter: rgb(50, 50, 50);
  --color-dark-triplet: 37, 24, 29;
  --color-dark-contrast: rgb(255, 255, 255);
  --color-dark-contrast-triplet: 255, 255, 255;

  --color-accent: rgb(225, 25, 112);
  --color-accent-triplet: 225, 25, 112;
  --color-accent-contrast: rgb(255, 255, 255);
  --color-accent-contrast-triplet: 255, 255, 255;
  --color-accent-dark: rgb(184, 21, 92);
  --color-accent-dark-triplet: 184, 21, 92;

  --color-text-gray: #999;

  --boxShadow-primary: 0 3px 0 rgb(58 149 94 / 16%);
  --boxShadow-primary-blur: 0 5px 16px rgb(0 0 0 / 10%);
  --boxShadow-primary-card: 0 3px 6px rgb(44, 114, 36, 0.1);

  --height-header: 70px;
  --height-header-mobile: 60px;

  --padding-side-mobile: 10px;

  --translate-hover-y: translateY(-2px);
  --transition-default: all 0.3s 0s ease;
}