@charset "UTF-8";
/*
hsl関数の色相の引数は０未満又３６０以上はの場合は下記の補正が行われる。
h = h % 360

例
０未満の場合
補正前　h = -500
補正後　h = 220

３６０以上の場合
補正前　h = 500
補正後　h = 140
*/
:root{
  --primary:#12ba87;
}
:root{
  --primary-light-1:#2ac193;
  --primary-light-2:#41c89f;
  --primary-light-3:#59cfab;
  --primary-light-4:#71d6b7;
  --primary-light-5:#89ddc3;
  --primary-light-6:#a0e3cf;
  --primary-light-7:#b8eadb;
  --primary-light-8:#d0f1e7;
  --primary-light-9:#e7f8f3;
  --primary-light-10:#f3fcf9;
  --primary-dark-1:#10a77a;
  --primary-dark-2:#0e956c;
  --primary-dark-3:#0d825f;
  --primary-dark-4:#0b7051;
  --primary-dark-5:#095d44;
  --primary-dark-6:#074a36;
  --primary-dark-7:#053829;
  --primary-dark-8:#04251b;
  --primary-dark-9:#02130e;
}
/* ボタン派生カラー
--------------------------------*/
:root{
  --button-extension:#1794e8;
  --button-mix:#15a3c1;
  --button-extension-light-1:#0a97f5;
  --button-extension-light-2:#0099ff;
  --button-extension-light-3:#0099ff;
  --button-extension-light-4:#0099ff;
  --button-extension-light-5:#0099ff;
  --button-extension-dark-1:#2492db;
  --button-extension-dark-2:#308fcf;
  --button-extension-dark-3:#3d8dc2;
  --button-extension-dark-4:#4a8ab5;
  --button-extension-dark-5:#5788a8;
  --button-mix-light-1:#0aaacc;
  --button-mix-light-2:#00b1d6;
  --button-mix-light-3:#00b1d6;
  --button-mix-light-4:#00b1d6;
  --button-mix-light-5:#00b1d6;
  --button-mix-dark-1:#209cb6;
  --button-mix-dark-2:#2a95ac;
  --button-mix-dark-3:#358ea1;
  --button-mix-dark-4:#408796;
  --button-mix-dark-5:#4b808c;
}
:root{
  --table-background-highlight:#a2d4f6;
}
:root{
  --table-background-header:#d1eafa;
}