@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/web-assets/manrope-latin.e310b55a7fd9.woff2") format("woff2");
}

h1,h2,h3,h4,h5,h6{ text-wrap:balance; }
p{ text-wrap:pretty; }

:root {
  --font-sans: Manrope, Arial, sans-serif;

  --type-xs: 12px;
  --type-sm: 13px;
  --type-meta: 14px;
  --type-ui: 15px;
  --type-body: 16px;
  --type-label: 17px;
  --type-lg: 18px;
  --type-xl: 20px;
  --type-2xl: 24px;
  --type-3xl: 28px;
  --type-4xl: 36px;
  --type-5xl: 44px;
  --type-card: 22px;
  --type-title: clamp(2.35rem, 10.6vw, 3.2rem);
  --type-section: clamp(2.25rem, 4vw, 3.75rem);
  --type-display: clamp(2.5rem, 5.15vw, 6.9rem);

  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;

  --ink: #18191c;
  --paper: #f2f0ea;
  --paper-soft: rgba(242, 240, 234, .86);
  --paper-04: rgba(242, 240, 234, .04);
  --paper-06: rgba(242, 240, 234, .06);
  --paper-08: rgba(242, 240, 234, .08);
  --paper-14: rgba(242, 240, 234, .14);
  --paper-18: rgba(242, 240, 234, .18);
  --paper-20: rgba(242, 240, 234, .20);
  --paper-26: rgba(242, 240, 234, .26);
  --paper-28: rgba(242, 240, 234, .28);
  --paper-42: rgba(242, 240, 234, .42);
  --paper-47: rgba(242, 240, 234, .47);
  --paper-55: rgba(242, 240, 234, .55);
  --paper-56: rgba(242, 240, 234, .56);
  --paper-60: rgba(242, 240, 234, .60);
  --paper-62: rgba(242, 240, 234, .62);
  --paper-72: rgba(242, 240, 234, .72);
  --paper-8c: rgba(242, 240, 234, .55);
  --paper-b8: rgba(242, 240, 234, .72);
  --paper-bd: rgba(242, 240, 234, .74);
  --muted: #b9bbc0;
  --muted-strong: rgba(242, 240, 234, .74);
  --muted-soft: rgba(242, 240, 234, .58);
  --line: rgba(242, 240, 234, .16);
  --line-strong: rgba(242, 240, 234, .28);
  --surface: #18191c;
  --surface-raised: #16171b;
  --surface-hover: #111216;
  --surface-deep: #0b0c0f;
  --accent: #b5c4d1;
  --accent-0b: rgba(181, 196, 209, .04);
  --accent-1f: rgba(181, 196, 209, .12);
  --accent-26: rgba(181, 196, 209, .15);
  --accent-2b: rgba(181, 196, 209, .17);
  --accent-33: rgba(181, 196, 209, .20);
  --accent-44: rgba(181, 196, 209, .27);
  --accent-4d: rgba(181, 196, 209, .30);
  --accent-66: rgba(181, 196, 209, .40);
  --accent-88: rgba(181, 196, 209, .53);
  --accent-99: rgba(181, 196, 209, .60);
  --accent-pink: #eb89bc;
  --accent-pink-09: rgba(235, 137, 188, .04);
  --accent-pink-20: rgba(235, 137, 188, .13);
  --accent-pink-30: rgba(235, 137, 188, .19);
  --accent-pink-66: rgba(235, 137, 188, .40);
}
