:root {
    /*  カスタム */
    --blue-main: #0097b2;

    --blue-light: #73bdce;
    --blue-base: #35748a;
    --blue-dark: #3e6a82;

    --red: #ff4b4b;

    --orange-gradient-start: #ffdd59;
    --orange-gradient-end: #ff914d;
    
    --orange: #ff914d;
    
    --main-gradient-start: #58cbca;
    --main-gradient-end: #32497c;

    --plan-gradient-start: #c960ad;
    --plan-gradient-end: #1cd9fe;

    --blue-bg: #41b8d5;



    /* 色 */
    --theme: #e9f9ff;
    /* 薄いピンク */
    --mat: #f48ca0;
    /* 濃いピンク */
    --primary: #ffcf51;
    /* 暖かい黄色 */
    --secondary: #ffe96b;
    /* 明るい黄色（レモン） */
    --paper: #ffffff;
    --crow: #000000;
    --danger: #ff4b4b;
    --focus: #2680EB;
    --disabled: #A5A5A5;
    --placeholder: #878787;

    /* 背景色 */
    --bg-paper: #ffffff;
    --bg-input: var(--paper);

    /* ボーダーの色 */
    --border: var(--crow);
}