:root {
    --text-100: #FFFFFF;
    --text-200: #000000;
    --primary-100: #dc143c;
    --primary-200: #007600;
    --primary-300: #00ADB5;
    --primary-400: #EC6AB0;
    --accent-100: #6e6e6e;
}

/* ----------------------------------- プライマリー色 100 ----------------------------------- */
.color_red {
    color: var(--primary-100);
}
/* カート内の数量アイコン */
.cart_quantity_mark {
    background-color: var(--primary-100);
}

/* ----------------------------------- プライマリー色 200 ----------------------------------- */
.color_green {
    color: var(--primary-200);
}

/* ----------------------------------- プライマリー色 300 ----------------------------------- */
.color_blue {
    color: var(--primary-300);
}
/* コピーアイコン */
.copy_icon {
    background: var(--primary-300);
}
/* フッターアイコン */
.footer_icon {
    color: var(--primary-300);
}

/* ----------------------------------- プライマリー色 400 ----------------------------------- */
.color_pink {
    color: var(--primary-400);
}

/* ------------------------------------ アクセント色 100 ------------------------------------ */
/* 予約履歴の選択アンダーバー */
#lamp {
    background-color: var(--accent-100);
}

.number_of_carts {
    color: var(--text-100);
}

.order_item_explanation {
    color: var(--accent-100);
}