:root {
    --root-font-size: 18px;

    /* Matrix Colors */
    --green-matrix: #00ff00;
    --light-green-matrix: #33ff33;
    --dark-matrix: #000000;
    --black: #000000;
    --white: #e7e7e7;
    --dark: #333;

    --fg: var(--green-matrix);
    --bg: var(--black);
    --ac: var(--green-matrix);

    --yellow-cyberpunk-font: #00ff00;
    --cyan-cyberpunk-font1: #00ff00;
    --cyan-cyberpunk-font2: #33ff33;

    --banner-color1: var(--green-matrix);
    --banner-color2: var(--light-green-matrix);
    --banner-color3: var(--dark-matrix);
    --banner-color4: var(--green-matrix);
    --banner-gradient-stop: 405px;

    --input-padding-top: 0px;
    --input-padding-bot: 0.2rem;
    --input-padding-left: 1rem;
    --input-padding-right: 2rem;
    --input-font-size: 1.2rem;
    --input-width: 240px;

    --checkbox-size: 28px;
    --checkbox-inner-size: 16px;

    --radio-size: 28px;
    --radio-inner-size: 16px;
}

html {
    font-size: var(--root-font-size);
    font-family: "Courier New", monospace;
    padding: 0;
    margin: 0;
}

body {
    color: var(--green-matrix) !important;
    background-color: var(--dark-matrix);
    padding: 0;
    margin: 0;
}

.cyber-h {
    color: var(--green-matrix) !important;
}

h1.cyber-h, h2.cyber-h, h3.cyber-h, h4.cyber-h, h5.cyber-h, h6.cyber-h {
    color: var(--green-matrix) !important;
    text-shadow: 0 0 5px var(--green-matrix);
}

.cyber-button,
.cyber-input {
    background-color: var(--black);
    color: var(--green-matrix);
    border: 2px solid var(--green-matrix);
    padding: 0.5rem 1rem;
    font-family: "Courier New", monospace;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.cyber-button:hover {
    background-color: var(--green-matrix);
    color: var(--dark-matrix);
}

code, .code-block {
    background-color: var(--dark-matrix);
    color: var(--green-matrix);
    font-family: "Courier New", monospace;
}

.cyber-radio {
    border: 2px solid var(--green-matrix);
    border-radius: 50%;
    width: var(--radio-size);
    height: var(--radio-size);
}

.cyber-radio:checked:before {
    background-color: var(--green-matrix);
}