@layer properties, theme, base, defaults, lib, undo, layout, components, utilities, overrides;

/* @layer properties, base, theme and utilities set by tailwindcss */

@font-face {
  font-family: IntegralCF;
  font-weight: 400;
  src: url("/assets/IntegralCF-Regular-1c4ecc32.woff2");
}

@font-face {
  font-family: IntegralCF;
  font-weight: 500;
  src: url("/assets/IntegralCF-Medium-91f74b87.woff2");
}

@font-face {
  font-family: IntegralCF;
  font-weight: 700;
  src: url("/assets/IntegralCF-Bold-78af10a3.woff2");
}

@layer defaults {
  :root {
    --inline-space: 1ch;
    --inline-space-half: calc(var(--inline-space) / 2);
    --inline-space-double: calc(var(--inline-space) * 2);
    --block-space: 1rem;
    --block-space-half: calc(var(--block-space) / 2);
    --block-space-double: calc(var(--block-space) * 2);

    --font-header: "IntegralCF", sans-serif;
    --font-button: var(--font-header);

    --text-box-font-header: trim-both cap alphabetic;

    --text-large: clamp(1.25rem, calc(0.8rem + 2vw), 2rem);
    --text-small: 0.9rem;

    --radius: 20px;
    --radius-sm: 14px;

    --border: 1px solid var(--color-ink-weak);

    --blur-xs: 2px;
    --blur-sm: 7px;
    --blur: 2.5rem;
    --blur-lg: 4rem;
    --backdrop-blur-xs: blur(var(--blur-xs));
    --backdrop-blur-sm: blur(var(--blur-sm));
    --backdrop-blur: blur(var(--blur));
    --backdrop-blur-lg: blur(var(--blur-lg));

    --lch-black: 0% 0 0;

    --lightsource: oklch(100% 0 0 / 8%);
    --lightsource-strong: oklch(100% 0 0 / 18%);
    --shadow-light-top: inset 0 1px var(--lightsource);
    --shadow-light-bottom: inset 0 -1px var(--lightsource-strong);

    --shadow:
      0 0.2em 1.6em -0.8em oklch(var(--lch-black) / 60%),
      0 0.4em 0.8em -1.2em oklch(var(--lch-black) / 80%),
      0 0.8em 1.0em -1.4em oklch(var(--lch-black) / 90%),
      0 1.2em 1.6em -2em oklch(var(--lch-black) / 100%);

    --noise: url("/assets/noise-546f087e.svg");
  }
}

/* breakpoints */

/* sm - 40rem */
/* md - 48rem */
/* lg - 64rem */
/* xl - 80rem */
/* 2xl - 96rem */