@font-face {
    font-family: 'Manrope';
    src: url("fonts/Manrope-VariableFont_wght.ttf") format("truetype");
    font-style: normal;
    font-weight: 200 800;
}

@font-face {
    font-family: 'Shippori Gothic B2';
    src: url("fonts/ShipporiGothicB2-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
}

* {
    box-sizing: border-box;
    font-family: 'Manrope', 'Shippori Gothic B2', sans-serif;
}

:root {
  --button-color: #6b395f;
  --border-color: cadetblue;
  --disactive-input-border-color: #c2cdd0;
  --button-text-color: antiquewhite;
  --button-hover-color: lch(from var(--button-color) calc(l + 10) c h);
  --button-click-color: lch(from var(--button-color) calc(l + 20) c h);
}

body {
    padding: 0;
    margin: 0;
    position: relative;
    width: 100vw;
    height: 100vh;
    background: repeating-linear-gradient(-45deg, cadetblue, cadetblue 50px, antiquewhite 50px, antiquewhite 100px);
}