@charset "UTF-8";

/*
    メディアクエリブレイクポイントメモ
    　※：マスト
    1940　※
    1910
    1800
    1740
    1720　※
    1560　※
    1440　※
    1320
    1300
    1280
    1200　※
    1100
    1024　※
    960　※
    950
    768　※
    480　※
    425　※
    375　※
*/

:root {
    --chart-area--basic-height: 400px;
    --pie-chart--basic-width: 300px;
    --pie-chart--basic-height: 300px;
    --patient-info--basic-row-gap: 16px;
    --patient-info--basic-row-gap: 24px;
    --patient-info--basic-column-gap: 20px;
    --patient-info--vertical-label--basic-row-gap: 32px;

    --information-containe--base-row-interval: 16px;
    --information-containe--base-column-interval: 24px;
    --mypage-info--row-gap: 36px;
    --mypage-info--column-gap: 24px;
    --round-list--basic-row-gap: 24px;
    --applicants-list--round-label-has-direction--width: 290px;

    --emphasis-color: #ff0000;

    --theme--color: #5cbaa8;

    --default-theme--color: #5cbaa8;
    --admin-theme--color: #666666;
    --hospital-theme--color: #5c7bba;
    --staff-theme--color: var(--hospital-theme--color);
    --facility-theme--color: #5cbaa8;
    --organization-theme--color: var(--facility-theme--color);

    /* ページタイトルのカラー（薄めのテーマカラー） */
    --theme--border-color: #e2f8f7;
    --hospital-theme--border-color: #e2eff8;

    /* キャンペーン画像定義 */
    --campaign-color--default: #5C7BBA;
    --campaign-color--cost: #FBAB7E;
    --campaign-color--event: #FF99AC;

    --campaign-bg--default: linear-gradient(#4687d6 0%, #3d91cf 11.77%, #3d92cf 26.78%, #349dc9 100%, #5cbaa8 100%);
    --campaign-bg--cost: linear-gradient(#fbab7e 0%, #f7ce68 100%, #5cbaa8 100%);
    --campaign-bg--event: linear-gradient(#ff9a8b 0%, #ff6a88 53.2%, #ff99ac 100%, #5cbaa8 100%);

    --campaign-border-color--default: #e2eff8;
    --campaign-border-color--cost: rgba(251, 171, 126, 0.4);
    --campaign-border-color--event: rgba(255, 153, 172, 0.4);

    --campaign-box-shadow--default: 0px 3px 6px rgba(92, 123, 186, 0.16);
    --campaign-box-shadow--cost: 0px 3px 6px rgba(251, 171, 126, 0.16);
    --campaign-box-shadow--event: 0px 3px 6px rgba(255, 153, 172, 0.16);

}