:root {
    --bg-grain: 2px;
    --gradent-horiz-color: #D3D3D3;
    --gradient-top: #e7e7e7;
    --gradient-down: #1a1a1a;
    --bg-color: #FFF;

    --main-font: "Inter", sans-serif;
    --accent-font: "Press Start 2P", fantasy;
    --bold-weight: 700;
    --normal-weight: 400;

    --text-color: #000;
    --accent-color: #000;
    --shadow-color: #FFF;
    --width: clamp(23.438rem, 16.285rem + 30.516vw, 43.75rem);

    --button-text-color: var(--bg-color);

    --fill-icon-color: #FF0000;
    --bg-gradient:
            repeating-linear-gradient(90deg, var(--gradent-horiz-color) 0, var(--gradent-horiz-color) 2px, transparent 2px, transparent 4px),
            repeating-linear-gradient(var(--gradent-horiz-color) 0, var(--gradent-horiz-color) 2px, transparent 2px, transparent 4px),
            linear-gradient(var(--gradient-top), var(--gradient-top) 0.01%, var(--gradient-down));
}