/*
Main color: #cf0000
90 HUE degree
Neutrals: Maximum
*/

:root {
/*  color-scheme: light dark; */
  color-scheme: light only;
}

/*
A CSS Color Palette Generator That Works
https://www.hover.dev/css-color-palette-generator

Adobe Color Create Color-accessibility Palette
https://color.adobe.com/ru/create/color-accessibility

The Color Scheme Designer
https://paletton.com/
*/

/* Light Palette */
/*
@media (prefers-color-scheme: light) {
*/
  :root {
--primary: #d65c00;
--primary-content: #ffe8d6;
--primary-dark: #a34600;
--primary-light: #ff730a;

--secondary: #d6000f;
--secondary-content: #ffd6d9;
--secondary-dark: #a3000b;
--secondary-light: #ff0a1b;

--background: #f5efea;
--foreground: #fdfbfa;
--border: #eaded4;

--copy: #342419;
--copy-light: #8a6142;
--copy-lighter: #b48764;

--success: #00d600;
--warning: #d6d600;
--error: #d60000;
--success-content: #d6ffd6;
--warning-content: #000000;
--error-content: #ffd6d6;
/*
    --primary: #cf0000;
    --primary-content: #ffcfcf;
    --primary-dark: #9c0000;
    --primary-light: #ff0303;

    --secondary: #67cf00;
    --secondary-content: #000000;
    --secondary-dark: #4e9c00;
    --secondary-light: #80ff03;

    --background: #f5eaea;
    --foreground: #fdfafa;
    --border: #ead4d4;

    --copy: #341919;
    --copy-light: #8a4242;
    --copy-lighter: #b46464;

    --success: #00cf00;
    --warning: #cfcf00;
    --error: #cf0000;
    --success-content: #cfffcf;
    --warning-content: #000000;
    --error-content: #ffcfcf;
*/
  }
/*
}
*/

/* Dark Palette */
/*
@media (prefers-color-scheme: dark) {
  :root {
    --primary: #cf0000;
    --primary-content: #ffcfcf;
    --primary-dark: #9c0000;
    --primary-light: #ff0303;

    --secondary: #67cf00;
    --secondary-content: #000000;
    --secondary-dark: #4e9c00;
    --secondary-light: #80ff03;

    --background: #221111;
    --foreground: #341919;
    --border: #562929;

    --copy: #fdfafa;
    --copy-light: #e6cbcb;
    --copy-lighter: #c58787;

    --success: #00cf00;
    --warning: #cfcf00;
    --error: #cf0000;
    --success-content: #cfffcf;
    --warning-content: #000000;
    --error-content: #ffcfcf;
  }
}
*/