*, *::after, *::before {
    padding: 0; 
    margin: 0; 
    box-sizing: border-box;
}

:root {
    --color-title: #A3E635;
    --color-link: var(--color-title);
    --color-bg: #030712;
    --color-purple: #853CD6;
    --color-product-title: #64748B;
    --color-product-description: #6B7280;
    --color-product-price: #F97316;
    --color-user-text: #4E1F6E;
    --color-red: #DD2D4A;
    --color-close: #DD2D4A;
    --color-minus: #D6301A;
    --color-plus: #2BD62F;
    --color-price: #D6AB20;
    --color-count: #00798c;

    --color-btn-confirm: #0AA6F0;
    --color-btn-confirm-shadow: #58BAEB;

    --color-summary-title: var(--color-purple);
    --color-summary-content: #81C6D6;

    --color-shadow: #EDEDED;
}


@font-face {
  font-family: "Noto Sans";
  src: url("../assets/fonts/noto-sans/NotoSans-VariableFont_wdth\,wght.ttf") format("truetype");
  font-weight: 300 700;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../assets/fonts/noto-sans/NotoSans-Italic-VariableFont_wdth\,wght.ttf") format("truetype");
  font-weight: 300 700;
  font-style: italic;
}

body {
    font-size: 12px;
    font-family: "Noto Sans", sans-serif;
}

h1, h2 {
    font-family: "Noto Sans", sans-serif;
    font-size: 32px;
}

button, input {
    border: none;
    background-color: transparent;
}

input:focus {
    outline: none;
}

a {
    text-decoration: none;
    
}

button[type='submit']:disabled {
    background-color: #64748B;
}