@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&display=swap');
@import url('../styles/font.css');

:root {
    --color-scheme-1--text: var(--color-scheme-2--text);
    --color-scheme-1--background: var(--color-scheme-2--background);
    --color-scheme-1--foreground: var(--color-scheme-2--foreground);
    --color-scheme-1--border: var(--color-scheme-2--border);
    --color-scheme-1--accent: var(--color-scheme-2--accent);
    --color-scheme-1--secondary: var(--color-scheme-2--secondary);
}

:root {
    --color-scheme-1--background: var(--_primitives---colors--corvette-lightest);
    --_typography---font-styles--body: "DM Sans";
    --_typography---font-styles--heading: 'Argent CF', sans-serif;
    --color-scheme-1--text: var(--_primitives---colors--neutral-darker);
    --_primitives---colors--white: #fff;
    --color-scheme-1--border: var(--_primitives---colors--neutral-lighter);
    --_primitives---opacity--transparent: transparent;
    --_primitives---opacity--neutral-darkest-15: #00000026;
    --color-scheme-1--accent: var(--color-scheme-2--accent);
    --_primitives---colors--neutral-darkest: #000;
    --_primitives---colors--neutral-darker: #191919;
    --_primitives---opacity--white-20: #fff3;
    --_primitives---colors--masala: #443f3b;
    --_primitives---colors--masala-dark: #36322f;
    --_primitives---colors--sinbad: #a6d5c5;
    --_ui-styles---stroke--border-width: 1px;
    --_primitives---opacity--neutral-darkest-5: #0000000d;
    --_primitives---opacity--white-10: #ffffff1a;
    --_primitives---colors--neutral-lighter: #d8d8d8;
    --_primitives---colors--sinbad-dark: #84aa9d;
    --color-scheme-1--foreground: var(--_primitives---colors--neutral-lightest);
    --color-scheme-3--secondary: var(--_primitives---colors--masala-light);
    --_primitives---opacity--white-60: #fff9;
    --_ui-styles---radius--medium: 12px;
    --color-scheme-1--secondary: var(--_primitives---colors--neutral-dark);
    --background-color--background-secondary: var(--base-color-neutral--neutral-lightest\<deleted\|relume-variable-color-neutral-3\>);
    --border-color--border-primary: var(--base-color-neutral--black\<deleted\|relume-variable-color-neutral-1\>);
    --_ui-styles---radius--small: 6px;
    --_primitives---colors--sinbad-light: #c0e1d6;
    --_primitives---colors--sinbad-darker: #42554e;
    --_ui-styles---radius--large: 16px;
    --_ui-styles---stroke--divider-width: 1px;
    --color-scheme-2--background: var(--_primitives---colors--masala);
    --color-scheme-2--text: var(--_primitives---colors--white);
    --color-scheme-3--background: var(--_primitives---colors--masala-darkest);
    --color-scheme-3--text: var(--_primitives---colors--neutral-lighter);
    --_primitives---colors--sinbad-darkest: #313f3b;
    --_primitives---colors--masala-darker: #1b1917;
    --color-scheme-3--border: var(--_primitives---colors--masala-light);
    --_primitives---opacity--neutral-darkest-20: #0003;
    --_primitives---opacity--neutral-darkest-10: #0000001a;
    --_primitives---colors--neutral-lightest: #f2f2f2;
    --color-scheme-2--accent: var(--_primitives---colors--sinbad);
    --_primitives---colors--corvette-lighter: #fdf3eb;
    --_primitives---colors--corvette-lightest: #fef9f5;
    --base-color-neutral--white: white;
    --color-scheme-3--foreground: var(--_primitives---colors--masala-darker);
    --color-scheme-2--foreground: var(--_primitives---colors--masala);
    --_primitives---colors--masala-darkest: #141211;
    --_primitives---colors--neutral-light: #b2b2b2;
    --_primitives---colors--neutral: #7f7f7f;
    --_primitives---colors--neutral-dark: #4c4c4c;
    --_primitives---opacity--white-5: #ffffff0d;
    --_primitives---opacity--white-15: #ffffff26;
    --_primitives---opacity--white-30: #ffffff4d;
    --_primitives---opacity--white-40: #fff6;
    --_primitives---opacity--white-50: #ffffff80;
    --_primitives---opacity--neutral-darkest-30: #0000004d;
    --_primitives---opacity--neutral-darkest-40: #0006;
    --_primitives---opacity--neutral-darkest-50: #00000080;
    --_primitives---opacity--neutral-darkest-60: #0009;
    --color-scheme-2--border: var(--_primitives---colors--neutral-lightest);
    --color-scheme-2--secondary: var(--_primitives---colors--masala-lighter);
    --color-scheme-3--accent: var(--_primitives---colors--corvette);
    --_primitives---colors--masala-lightest: #ecebeb;
    --_primitives---colors--masala-lighter: #d9d8d7;
    --_primitives---colors--masala-light: #7c7875;
    --_primitives---colors--sinbad-lightest: #f6faf9;
    --_primitives---colors--sinbad-lighter: #edf6f3;
    --_primitives---colors--corvette-light: #fad6b9;
    --_primitives---colors--corvette-dark: #c79d7c;
    --_primitives---colors--corvette: #f9c59c;
    --_primitives---colors--corvette-darkest: #4a3b2e;
    --_primitives---colors--pigeon-post-lighter: #edf2f6;
    --_primitives---colors--pigeon-post-lightest: #f6f8fa;
    --_primitives---colors--pigeon-post-light: #c0d3e1;
    --_primitives---colors--pigeon-post: #a6c1d5;
    --_primitives---colors--pigeon-post-dark: #849aaa;
    --_primitives---colors--corvette-darker: #634e3e;
    --_primitives---colors--pigeon-post-darker: #424d55;
    --_primitives---colors--pigeon-post-darkest: #31393f;
    --_primitives---colors--sweet-pink-lighter: #feebea;
    --_primitives---colors--sweet-pink-lightest: #fef5f4;
    --_primitives---colors--sweet-pink-light: #fcbbb6;
    --_primitives---colors--sweet-pink: #fc9f97;
    --_primitives---colors--sweet-pink-dark: #c97f78;
    --_primitives---colors--sweet-pink-darker: #643f3c;
    --_primitives---colors--sweet-pink-darkest: #4b2f2d;
    /*--base-color-neutral--neutral-lightest:;*/
}

body {
    margin: 0;
    padding: 0;
    background-color: var(--_primitives---colors--masala-darkest);
    font-family: var(--_typography---font-styles--body);
    overflow-x: hidden;
}