:root {
  --font-primary: "Inter", sans-serif;
  --font-manrope: "Manrope", sans-serif;
  --font-nippo: "Nippo", sans-serif;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/fonts/inter/300-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/inter/400-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fonts/inter/500-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/inter/600-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/inter/700-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/uploads/fonts/inter/800-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/uploads/fonts/manrope/200-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/fonts/manrope/300-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/manrope/400-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fonts/manrope/500-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/manrope/600-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/manrope/700-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/uploads/fonts/manrope/800-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Nippo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/CxE19CU5uSdypgrhXvoKc-Nippo-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Nippo";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/uploads/nVNRIpMY9zcr6FtEF4ezj-Nippo-Extralight.woff2") format("woff2");
}

@font-face {
  font-family: "Nippo";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/KVOgsGDLHlt2dbmuM90qE-Nippo-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Nippo";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/4_8DmvD_aoZKHN6KMlxnl-Nippo-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Nippo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/6Yoy4J83W0GxE5imTJVjG-Nippo-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Nippo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/Xb2Y1jXth_9UypgRlnVYw-Nippo-Variable.woff2") format("woff2");
}
:root {
  --bg-main: hsla(0, 0%, 0%, 1);
  --bg-card: hsla(0, 0%, 7.06%, 1);
  --bg-card-hover: hsla(0, 30.86%, 15.88%, 1);
  --border-color: hsla(0, 0%, 13.33%, 1);
  --text-primary: hsla(220, 14.29%, 95.88%, 1);
  --text-secondary: hsla(217.89, 10.61%, 64.9%, 1);
  --accent-glow: hsla(0, 92.16%, 60%, 1);
  --bg-black: hsla(0, 0%, 0%, 1);
  --bg-surface: hsla(0, 0%, 3.92%, 1);
  --text-white: hsla(0, 0%, 100%, 1);
  --text-muted: hsla(0, 0%, 53.33%, 1);
  --accent-red: hsla(0, 100%, 60%, 1);
  --page-top: hsla(202.22, 39.13%, 86.47%, 1);
  --page-bottom: hsla(38.67, 67.16%, 73.73%, 1);
  --hint: hsla(26, 34.09%, 17.25%, 1);
  --ink: hsla(26, 34.09%, 17.25%, 1);
  --stock: hsla(43.64, 57.89%, 96.27%, 1);
  --banner: hsla(42.41, 58%, 80.39%, 1);
  --parchment: hsla(44.4, 64.1%, 84.71%, 1);
  --sky: hsla(196.62, 60.75%, 79.02%, 1);
  --red: hsla(2.06, 69.72%, 50.78%, 1);
  --yellow: hsla(42.9, 91.45%, 54.12%, 1);
  --bg: hsla(0, 0%, 0%, 1);
  --bg-2: hsla(240, 4.35%, 9.02%, 1);
  --line: hsla(240, 3.45%, 17.06%, 1);
  --text: hsla(42.86, 21.21%, 93.53%, 1);
  --muted: hsla(240, 2.54%, 61.37%, 1);
  --accent: hsla(0, 100%, 60%, 1);
  --accent-ink: hsla(240, 3.45%, 5.69%, 1);
  --space-1-4xs: clamp(0.52rem, calc(-0.03vw + 0.53rem), 0.49rem);
  --space-1-3xs: clamp(0.66rem, calc(0.04vw + 0.64rem), 0.7rem);
  --space-1-2xs: clamp(0.82rem, calc(0.16vw + 0.77rem), 0.99rem);
  --space-1-xs: clamp(1.02rem, calc(0.35vw + 0.91rem), 1.4rem);
  --space-1-s: clamp(1.28rem, calc(0.65vw + 1.07rem), 1.98rem);
  --space-1-m: clamp(1.6rem, calc(1.11vw + 1.24rem), 2.8rem);
  --space-1-l: clamp(2rem, calc(1.81vw + 1.42rem), 3.96rem);
  --space-1-xl: clamp(2.5rem, calc(2.87vw + 1.58rem), 5.6rem);
  --space-1-2xl: clamp(3.13rem, calc(4.44vw + 1.71rem), 7.92rem);
  --space-1-3xl: clamp(3.91rem, calc(6.75vw + 1.75rem), 11.19rem);
  --space-1-4xl: clamp(4.88rem, calc(10.13vw + 1.64rem), 15.83rem);
}