@tailwind base;
@tailwind components;
@tailwind utilities;

/* Type */
/* @link https://utopia.fyi/type/calculator/?c=320,11,1.2,1240,28,1.25,5,2,&s=0.75%7C0.5%7C0.25,1.5%7C2%7C3%7C4%7C6,s-l&g=s,l,xl,12 */
/* Space */
/* @link https://utopia.fyi/space/calculator?c=320,11,1.2,1240,28,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  /* Type */
  --step--2: clamp(0.4774rem, 0.2539rem + 1.1175vi, 1.12rem);
  --step--1: clamp(0.5729rem, 0.2852rem + 1.4384vi, 1.4rem);
  --step-0: clamp(0.6875rem, 0.3179rem + 1.8478vi, 1.75rem);
  --step-1: clamp(0.825rem, 0.3511rem + 2.3696vi, 2.1875rem);
  --step-2: clamp(0.99rem, 0.3833rem + 3.0337vi, 2.7344rem);
  --step-3: clamp(1.188rem, 0.4124rem + 3.8782vi, 3.418rem);
  --step-4: clamp(1.4256rem, 0.4354rem + 4.9511vi, 4.2725rem);
  --step-5: clamp(1.7107rem, 0.4482rem + 6.3128vi, 5.3406rem);

   /* Spacing */
  --space-3xs: clamp(0.1875rem, 0.1005rem + 0.4348vi, 0.4375rem);
  --space-2xs: clamp(0.375rem, 0.2011rem + 0.8696vi, 0.875rem);
  --space-xs: clamp(0.5rem, 0.2174rem + 1.413vi, 1.3125rem);
  --space-s: clamp(0.6875rem, 0.3179rem + 1.8478vi, 1.75rem);
  --space-m: clamp(1.0625rem, 0.519rem + 2.7174vi, 2.625rem);
  --space-l: clamp(1.375rem, 0.6359rem + 3.6957vi, 3.5rem);
  --space-xl: clamp(2.0625rem, 0.9538rem + 5.5435vi, 5.25rem);
  --space-2xl: clamp(2.75rem, 1.2717rem + 7.3913vi, 7rem);
  --space-3xl: clamp(4.125rem, 1.9076rem + 11.087vi, 10.5rem);

  /* Spacing One-up pairs */
  --space-3xs-2xs: clamp(0.1875rem, -0.0516rem + 1.1957vi, 0.875rem);
  --space-2xs-xs: clamp(0.375rem, 0.0489rem + 1.6304vi, 1.3125rem);
  --space-xs-s: clamp(0.5rem, 0.0652rem + 2.1739vi, 1.75rem);
  --space-s-m: clamp(0.6875rem, 0.0136rem + 3.3696vi, 2.625rem);
  --space-m-l: clamp(1.0625rem, 0.2147rem + 4.2391vi, 3.5rem);
  --space-l-xl: clamp(1.375rem, 0.0272rem + 6.7391vi, 5.25rem);
  --space-xl-2xl: clamp(2.0625rem, 0.3451rem + 8.587vi, 7rem);
  --space-2xl-3xl: clamp(2.75rem, 0.0543rem + 13.4783vi, 10.5rem);

  /* Spacing Custom pairs */
  --space-s-l: clamp(0.6875rem, -0.2908rem + 4.8913vi, 3.5rem);
}

@font-face {
    font-family: "Editorial New";
    font-weight: 400;
    font-style: normal;
    src: url(/font/PPEditorialNew-Light.woff2) format("woff2");
}

@font-face {
    font-family: "Editorial New";
    font-weight: 400;
    font-style: italic;
    src: url(/font/PPEditorialNew-LightItalic.woff2) format("woff2");
}

@font-face {
    font-family: "Supply Sans";
    font-weight: 400;
    src: url(/font/PPSupplySans-Ultralight.woff2) format("woff2");
}

.blimpo-container {
  perspective: 1000px;
}

.blimpo {
  animation: rotating 2000ms linear infinite;
  transform-style: preserve-3d;
}

@keyframes rotating {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}

::selection {
  background: #ff97b6;
  color: #0000ff;
}

.main {
  -webkit-overflow-scrolling: touch;
}