:root {
    /* Backgrounds */
    --q-color-background-primary:   #ffffff;
    --q-color-background-secondary: #f5f5f5;
    --q-color-background-tertiary:  #eeeeee;
    --q-color-background-info:      repeating-linear-gradient(
            45deg,
            #bbb 0px 2px,
            transparent 2px 4px
    );
    --q-color-background-success:   repeating-linear-gradient(
            135deg,
            #dddddd 0px 2px,
            transparent 2px 4px
    );
    --q-color-background-warning:   #faeeda;
    --q-color-background-danger:    #fcebeb;

    /* Text */
    --q-color-text-primary:   black;
    --q-color-text-secondary: rgb(48, 48, 48);
    --q-color-text-tertiary:  rgb(96, 96, 96);
    --q-color-text-info:      #185fa5;
    --q-color-text-success:   #0f6e56;
    --q-color-text-warning:   #854f0b;
    --q-color-text-danger:    #a32d2d;

    /* Borders */
    --q-color-border-tertiary:  rgb(192, 192, 192);
    /*--q-color-border-tertiary:  rgba(0, 0, 0, 0.25);*/
    --q-color-border-secondary: rgb(144, 144, 144);
    --q-color-border-primary:   rgb(0, 0, 0);
    --q-color-border-info:      #85b7eb;
    --q-color-border-success:   #5dcaa5;
    --q-color-border-warning:   #ef9f27;
    --q-color-border-danger:    #f09595;

    /* Typography */
    --q-font-sans:  system-ui, -apple-system, sans-serif;
    --q-font-serif: Georgia, 'Times New Roman', serif;
    --q-font-mono:  'DM Mono', 'Courier New', monospace;

    /* Radii */
    --q-border-radius-sm:  4px;
    --q-border-radius-md:  8px;
    --q-border-radius-lg:  12px;
    --q-border-radius-xl:  16px;

    /* Teams */
    --q-color-team1-primary: #0000ff;
    --q-color-team1-secondary: #8888ff;
    --q-color-team1-tertiary: #bbbbff;
    --q-color-team2-primary: #ff0000;
    --q-color-team2-secondary: #ff8888;
    --q-color-team2-tertiary: #ffbbbb;
}

@media (prefers-color-scheme: dark) {
    :root {
        --q-color-background-primary:   black;
        --q-color-background-secondary: #252523;
        --q-color-background-tertiary:  #2e2e2b;
        --q-color-background-info:      repeating-linear-gradient(
            45deg,
            #333 0px 2px,
            transparent 2px 4px
        );
        --q-color-background-success:   repeating-linear-gradient(
            135deg,
            #222 0px 2px,
            transparent 2px 4px
        );
        --q-color-background-warning:   #633806;
        --q-color-background-danger:    #791f1f;

        --q-color-text-primary:   white;
        --q-color-text-secondary: rgb(192, 192, 192);
        --q-color-text-tertiary:  rgb(128, 128, 128);
        --q-color-text-info:      #92c0ee;
        --q-color-text-success:   #6ad0ae;
        --q-color-text-warning:   #f1a83a;
        --q-color-text-danger: #ef4d4d;

        /*--q-color-border-tertiary:  rgba(255, 255, 255, 0.10);*/
        /*--q-color-border-secondary:  rgba(255, 255, 255, 0.22);*/
        /*--q-color-border-primary:  rgba(255, 255, 255, 0.35);*/
        --q-color-border-tertiary:  rgb(64, 64, 64);
        --q-color-border-secondary: rgb(96, 96, 96);
        --q-color-border-primary:   rgb(128, 128, 128);
    }
}