/* Copyright (c) 2026 Blink-Bot Softwares All Rights Reserved. */
:root {
    --magenta1: #4900b7;
    --magenta2: #6700ff;
    --magenta3: #802bff;
    --sun-flower: #ffbb22;
    --grey1: #292929;
    --grey2: #575757;
    --grey3: #636363;
    --grey4: #6a6a6a;
    --grey5: #737373;
    --grey6: #878787;
    --grey7: #9c9c9c;
    --grey8: #b1b1b1;
    --grey9: #c0c0c0;
    --soft-ui-bg: #edeef3;
    --soft-ui-dark: #cad1d7;
    --soft-ui-light: #ffffff;
    --text-color: black;
}

[data-theme="light"] {
    --soft-ui-bg: #edeef3;
    --soft-ui-dark: #cad1d7;
    --soft-ui-light: #ffffff;
    --text-color: black;
    --magenta1: #4900b7;
    --magenta2: #6700ff;
    --magenta3: #802bff;
}

[data-theme="dark"] {
    --soft-ui-bg: #2c2f34;
    --soft-ui-dark: #22252a;
    --soft-ui-light: #383b41;
    --text-color: white;
    --magenta1: #802bff;
    --magenta2: #6700ff;
    --magenta3: #4900b7;
}

html {
    overflow-y: scroll;
    scrollbar-width: none;
    /* Firefox */
    margin: 20px;
    background-color: var(--soft-ui-bg);
    color: var(--text-color);
}

html::-webkit-scrollbar {
    display: none;
}

h1 {
    color: var(--magenta1);
    font-family: monospace;
}

p {
    font-size: 1.1em;
    font-family: monospace;
    margin: 10px 0 0 0;
    flex-shrink: O;
}

button {
    background-color: var(--sun-flower);
    border: none;
    margin: 10px 0 0 0;
    border-radius: 20px;
    padding: 5px 20px;
    font-family: monospace;
    box-shadow: inset 2px 2px 5px white,
        5px 5px 10px 0 var(--grey4);
    scale: 1;
    transition: scale 0.5s;
}

button:hover {
    scale: 1.1;
}