:root {
    --card-height: 200px;
    --card-gap: 16px;
    

    color-scheme: light dark;
    --color-dark: #141414;
    --color-light: #fff;
    --background-dark: #141414;
    --background-light: #fff;

    --card-background: light-dark(#f5f5f5, #333333);
}

* {
    box-sizing: border-box;
}

html, body {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
}


/**
 * Colors
*/
body {
    color: light-dark(var(--color-dark), var(--color-light));
    background-color: light-dark(var(--background-light), var(--background-dark));
}