:root {
    --background: linear-gradient(0deg, #f7f0f0, #ffe1d4);
    --foreground: #800;

    --anchor-foreground: #800;
    --anchor-foreground-hover: #ffe4e4;

    --sidebar-background: linear-gradient(0deg, #f7f0f0, #ffe1d4);
    --sidebar-border: 4px solid #cfa6a6;

    --button-background: #800;
    --button-background-hover: #252525;
    --button-foreground: #fff;

    --input-background: #ffffff;
    --input-foreground: #800;
    --input-border: #800;

    --textarea-background: #fff1e7;
    --textarea-foreground: #800;
    --textarea-foreground-placeholder: #d8b5ab;

    --pad: 8px;
}

@media (prefers-color-scheme: dark) {
    :root {
        --background: #000000;
        --foreground: #ff7171;

        --anchor-foreground: #ffffff;
        --anchor-foreground-hover: #000000;

        --sidebar-background: #24252c;
        --sidebar-border: 4px solid #15151d;

        --button-background: #ff5858;
        --button-background-hover: #d13939;
        --button-foreground: #15151d;

        --input-background: #32333a;
        --input-foreground: #ffffff;
        --input-border: #1a1a1d;

        --textarea-background: #202020;
        --textarea-foreground: #ffffff;
        --textarea-foreground-placeholder: #3f3f3f;
    }
}