/* genesis/web-app/styles/genesis-variables.css */
/* 基本の色や設定をまとめておく場所です */
:root {
    --bg-color: #0b100d;
    --card-bg: #121814;
    --border-dark: #1f2b23;
    --primary-cyan: #00e5ff;
    --primary-glow: rgba(0, 229, 255, 0.4);
    --accent-amber: #e6ab08;
    --amber-glow: rgba(230, 171, 8, 0.4);
    --text-main: #e0e0e0;
    --text-muted: #888888;
    --danger: #ff4444;
    --danger-glow: rgba(255, 68, 68, 0.4);
    --success: #00c805;
    --success-glow: rgb(0, 200, 5, 0.4);
    --warning: #ffaa00;
    --warning-glow: rgb(255, 170, 0, 0.4);
    --radius: 4px;
    --banner-color: #ea02ff;
    --banner-color-glow: rgb(234, 2, 255, 0.4);
    --system-gray: #a0aab5;
    --gray-glow: rgba(160, 170, 181, 0.4);
    --import-color: #00e676;
    --import-glow: rgba(0, 230, 118, 0.4);
    --tip-yellow: #CCFF00;
    --tip-yellow-glow: rgb(204, 255, 0, 0.4);
    --title-cyan: #00FFD5;
    --title-cyan-glow: rgb(0, 255, 213, 0.4);
    --title-magenta: #FF2FD1;
    --title-magenta-glow: rgb(255, 47, 209, 0.4);
    --title-green: #9DFF00;
    --title-green-glow: rgb(157, 255, 0, 0.4);
    --title-blue: #4CC9F0;
    --title-blue-glow: rgb(76, 201, 240, 0.4);
    --title-purple: #cba6f7;
    --title-purple-glow: rgb(203, 166, 247, 0.4);
    --title-a: #94e2d5;
    --title-a-glow: rgb(148, 226, 213, 0.4);
    --title-b: #7c4dff;
    --title-b-glow: rgb(124, 77, 255, 0.4);
    --title-hackergreen: #00ff85;
    --title-hackergreen-glow: rgb(0, 255, 132, 0.4);
    --title-deeppurple: #711c91;
    --title-deeppurple-glow: rgb(113, 28, 145, 0.4);
    --title-cyberyellow: #f3e600;
    --title-cyberyellow-glow: rgb(243, 230, 0, 0.4);
    --title-darkblue: #091833;
    --title-darkblue-glow: rgb(9, 24, 51, 0.4);
}

/* 背景色のパレットです */
.bg-color-0 {
    background-color: #00c805;
}

.bg-color-1 {
    background-color: #36a2eb;
}

.bg-color-2 {
    background-color: #ff9f40;
}

.bg-color-3 {
    background-color: #9966ff;
}

.bg-color-4 {
    background-color: #4bc0c0;
}

.bg-color-5 {
    background-color: #ff6384;
}

.bg-color-6 {
    background-color: #d56ffc;
}

.bg-color-7 {
    background-color: #45aaf2;
}

.bg-color-8 {
    background-color: #a55eea;
}

.bg-color-9 {
    background-color: #fd9644;
}

.bg-color-10 {
    background-color: #2bcbba;
}

.bg-color-11 {
    background-color: #eb3b5a;
}

.bg-color-12 {
    background-color: #fa8231;
}

.bg-color-13 {
    background-color: #8854d0;
}

.bg-color-14 {
    background-color: #2d98da;
}

.bg-color-15 {
    background-color: #20bf6b;
}

.bg-color-16 {
    background-color: #f7b731;
}

.bg-color-17 {
    background-color: #4b7bec;
}

.bg-color-18 {
    background-color: #a5b1c2;
}

.bg-color-19 {
    background-color: #778ca3;
}

/* 文字色のパレットです */
.text-color-0 {
    color: #00c805;
}

.text-color-1 {
    color: #36a2eb;
}

.text-color-2 {
    color: #ff9f40;
}

.text-color-3 {
    color: #9966ff;
}

.text-color-4 {
    color: #4bc0c0;
}

.text-color-5 {
    color: #ff6384;
}

.text-color-6 {
    color: #d56ffc;
}

.text-color-7 {
    color: #45aaf2;
}

.text-color-8 {
    color: #a55eea;
}

.text-color-9 {
    color: #fd9644;
}

.text-color-10 {
    color: #2bcbba;
}

.text-color-11 {
    color: #eb3b5a;
}

.text-color-12 {
    color: #fa8231;
}

.text-color-13 {
    color: #8854d0;
}

.text-color-14 {
    color: #2d98da;
}

.text-color-15 {
    color: #20bf6b;
}

.text-color-16 {
    color: #f7b731;
}

.text-color-17 {
    color: #4b7bec;
}

.text-color-18 {
    color: #a5b1c2;
}

.text-color-19 {
    color: #778ca3;
}