:root {
    --page-width: 700px;
    --base-spacing: 14px;
    --font-size: 16px;
    --font-system: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    --font-serif: 'Instrument Serif', Georgia, serif;
    --font-monospace: 'IBM Plex Mono', 'Menlo', monospace;
    --font-heading: 'Outfit', sans-serif;
    --font-sans: 'IBM Plex Sans', sans-serif;
    --neutral-50: #F7F8F8;
    --neutral-100: #EDEBF0;
    --neutral-150: #DED9E2;
    --neutral-200: #C1BEC4;
    --neutral-300: #A4A3A6;
    --neutral-400: #6A6C6B;
    --neutral-500: #4D514D;
    --neutral-600: #30362F;
    --neutral-700: #262827;
    --neutral-800: #212022;
    --neutral-900: #1C191E;
    --neutral-950: #17121A;

    --green: #225849;
    --green-50:  #EEF2E2;
    --green-100: #E0E6D9;
    --green-150: #D1D9D1;
    --green-200: #C2CCC9;
    --green-300: #B3C1C1;
    --green-400: #A5B7B8;
    --green-500: #96AAB0;
    --green-600: #87A0A8;
    --green-700: #7899A0;
    --green-800: #6A8F97;
    --green-900: #5B898F;
    --green-950: #3F676C;

    --color-red: #EE5625;
    --color-red-50: #FCF0D8;
    --color-red-100: #FAE0C6;
    --color-red-150: #F9D1B4;
    --color-red-600: #F2845B;
    --color-red-900: #EE5625;
    --color-red-950: #C9471D;

    --color-yellow-50: #F5F4EF;
    --color-yellow-300: #DFCEAE;
    --color-yellow-700: #C39C61;

    --gold-50:  #F8F7F0;
    --gold-100: #F5F1E1;
    --gold-150: #EEE5CF;
    --gold-200: #E7DABD;
    --gold-300: #E7DABD;
    --gold-400: #D2B993;
    --gold-500: #CCB188;
    --gold-600: #C6A87C;
    --gold-700: #C39C61;
    --gold-800: #C08F47;
    --gold-900: #BD832C;
    --gold-950: #A5670B;

    --color-blue-600: #87A0A8;

    --color-primary: black;

    --form-radius: 2px;
    --input-outline: var(--neutral-400);
    --button-radius: var(--form-radius);

    --border-color: var(--neutral-200);
    --border-color-hover: black;

    --background-color: #FFFFFF;
    --card-background: white;
    --color-danger: var(--color-red);
    --color-success: var(--green);
    
    --bg-primary: rgba(29, 0, 220, 1);
    --bg-primary-dark: rgba(0, 4, 119, 1);
    --bg-primary-half: rgba(79, 114, 255, 1);
    --bg-accent: rgba(255, 81, 38, 1);
    --bg-accent-half: rgba(255, 200, 189, 1);
    --bg-accent-dark: rgba(202, 77, 27, 1);
    --bg-secondary: rgba(193, 255, 180, 1);
    --bg-secondary-dark: rgba(126, 196, 120, 1);

    --bg-background: rgba(245, 243, 232, 1);
    --bg-background-light: rgba(255, 254, 249, 1);
    --bg-background-half: rgba(235, 231, 216, 1);
    --bg-background-dark: rgba(218, 214, 197, 1);
    --bg-foreground: rgba(25, 25, 25, 1);
    --bg-muted: rgba(235, 231, 216, 1);
    --text-muted-foreground: rgba(97, 96, 90, 1);

    --border-border: rgba(218, 214, 197, 1);
    --border-border-light: rgba(226, 223, 206, 1);
    --border-border-dark: rgba(170, 167, 154, 1);
    --border-border-darkest: rgba(73, 72, 68, 1);

    --bg-primary-90: rgba(29, 0, 220, 0.9);
    --bg-primary-50: rgba(29, 0, 220, 0.5);
    --bg-primary-20: rgba(29, 0, 220, 0.2);
    --bg-primary-10: rgba(29, 0, 220, 0.1);
    --bg-accent-90: rgba(255, 81, 38, 0.9);
    --bg-accent-50: rgba(255, 81, 38, 0.5);
    --bg-accent-10: rgba(255, 81, 38, 0.1);
}