:root {
    --font-family: 'Poppins';
    --background-color-backup: #131419;
    --background-color: rgb(16, 36, 50);
    --input-background-color: rgb(0,20,34);
    --input-border-color: #304562;
    --primary-text-color: rgb(180,200, 214);
    --product-container-background-color: rgb(39,59,73);
    --product-container-box-shadow: 1px 1px 4px rgba(0,0,0,.5);
    --product-title-text-color: rgb(200,220,234);
    --image-overlay-opacity: 0.9;
    --tag-background-color: #415664;
    --tag-text-color: rgb(210,220,230);
    --tag-border: none;
    --tag-border-radius: 0.8em;
    --tag-padding-old: 0.3em 1em;
    --tag-padding: 0.5em 1em;
    --tag-margin: 1em 0.5em 0 0;
    --tag-hover-background-color: #596f7e;
    --tag-hover-text-color: rgb(240,250,254);
    --tag-hover-border: none;
    --product-footer-background-color: rgb(0,20,34);
    --product-footer-text-color: rgb(220,230,234);
    --expected-date-text-color: #ffe073;
    --planned-date-text-color: #73bdff;
    --card-padding-top: .5rem;
    --card-padding-bottom: .5rem;
    --card-padding-left: .5rem;
    --card-padding-right: .5rem;
    --card-background-image: linear-gradient(0deg, #1C2029, #1C1F28);
    --card-border-radius: 30px;
    --card-border-width: 2px;
    --card-border-top-color: #353B4C;
    --card-border-left-color: #212630;
    --card-border-right-color: #212531;
    --card-border-bottom-color: #212530;
    --input-border-color: #304562;
    --input-hover-border-color: #64b5f6;
    --input-background-color: rgb(0,20,34);
    --input-focus-border-color: #64b5f6;
    --input-focus-box-shadow: 0 0 0 1px #93cbf9;
    /* Colors */
    --color-primary: rgb(180,200, 214);
    --color-secondary: rgb(200,220,234);
    --color-black: #272727;
    --color-yellow: #ffe073;
    --color-green: #afe07d;
    --color-teal: #6eecff;
    --color-blue: #73c4ff;
    --color-orange: #ffa773;
    --color-pink: #e06894;
    --color-dark-pink: #832044;
    /* Background Colors */
    --background-color-primary: rgb(57, 79, 94);
    --background-color-secondary: rgb(30, 53, 69);
    /* Official */
    --surface: rgb(16, 36, 50);
    --surface-container-high: rgb(57, 79, 94);
    --surface-container-low: rgb(30, 53, 69);
    --surface-container-outline-high: rgb(83, 99, 109);
    --surface-container-outline: rgb(72, 88, 99);
    --surface-container-outline-low: rgb(63, 78, 88);
}

/*
    padding: .5rem;
        border-width: 2px;
        border-top-color: #353B4C;
        border-left-color: #212630;
        border-right-color: #212531;
        border-bottom-color: #212530;
        border-radius: 30px;
        background-image: linear-gradient(0deg, #1C2029, #1C1F28);
*/