body {
    --primary: #b42025;
    --primary-rgb: 180, 32, 37;
    --primary-content: #f9dadb;
    --primary-dark: #89181c;
    --primary-light: #da2d33;

    --secondary: #fde649;
    --secondary-rgb: 253, 230, 73;
    --secondary-content: #000000;
    --secondary-dark: #d7c43e;
    --secondary-light: #fae559;

    --background: #f1efef;
    --foreground: #fbfbfb;
    --border: #e2dddd;

    --copy: #292324;
    --copy-light: #6e5e5f;
    --copy-lighter: #958484;

    --success: #20b420;
    --warning: #b4b420;
    --error: #b42020;
    --success-content: #daf9da;
    --warning-content: #000000;
    --error-content: #f9dada;
}

body.dark {
    --background: #1b1818;
    --foreground: #292324;
    --border: #453b3b;

    --copy: #fbfbfb;
    --copy-light: #dcd6d6;
    --copy-lighter: #ac9fa0;
}