:root {
    --color-1: #FF0000;  /* 紅 */
    --color-2: #FFE54F;  /* 鵝黃 */
    --color-3: #00CCFF;  /* 天藍 */
    --color-4: #FFA8DE;  /* 粉紅 */
    --color-5: #FFAA00;  /* 茶橙 */
    --color-6: #FFFFFF;  /* 白 */
    --color-7: #000000;  /* 黑 */
    --color-8: #3633FF;  /* 藍紫 */
    --color-9: #FFB896;  /* 米 */
    --color-10: #717171;  /* 灰 */
    --color-11: #898888;  /* 灰2 */
}
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: unset;
    }
}


html {
    font-size: 12px;
}
body {
    font-family: 'PressStart2P', 'Roboto', sans-serif !important;
}

/* 字體 ----------------------------- */
@font-face {
    font-family: 'PressStart2P';
    src:
        local('PressStart2P'),
        url('/assets/barren/acc9ss/fonts/PressStart2P-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap; /* 先用後備字體，載到後自動切換，避免白屏 */
}
.font-PressStart2P {
    font-family: 'PressStart2P', 'Roboto', sans-serif !important;
}
.font-Origin {
    font-family: 'Roboto', sans-serif !important;
}

/* 色調 ----------------------------- */
.bg-1 {
    background-color: var(--color-1);
}
.bg-2 {
    background-color: var(--color-2);
}
.bg-3 {
    background-color: var(--color-3);
}
.bg-4 {
    background-color: var(--color-4);
}
.bg-5 {
    background-color: var(--color-5);
}
.bg-6 {
    background-color: var(--color-6);
}
.bg-7 {
    background-color: var(--color-7);
}
.bg-8 {
    background-color: var(--color-8);
}
.bg-9 {
    background-color: var(--color-9);
}
.bg-10 {
    background-color: var(--color-10);
}


/* 標題 ----------------------------- */
.main-title h3 {
    font-size: 2rem;
}



/* .acc9ss-modal -------------------------- */
.acc9ss-modal {

}
@media (min-width: 576px) {
    .acc9ss-modal .modal-dialog {
        max-width: 700px;
    }
}