/* 全体で共有する色の定義 */
:root {
--background-color: #f5f8f5;
--main-text-color: #0433dc;
--input-text-color: #000;
--frame-border-color: #0433dc;
--frame-shadow-color: #3949d255; 
--border-color: #0808ed;
--button-color: #0808ed;
--button-text-color: #00ff88;
--button-shadow-color: #1403fed1;
--button-hover-color: #1303fe;
--button-hover-text-color: #fff;
--button-sub-color: #00ff88b6;
--button-sub-shadow-color: #006400;
--button-sub-hover-color: #006400;
--button-sub-hover-text-color: #fff;
--button-sub-text-color: #000;
--footer-text-color: #1806e7f5; /* フッターのテキスト */
--button-reg-text-color: #000;
--button-reg-color: #00cccc;

}