/*
 * Source: assets/main.css lines 74-222
 * Purpose: Theme tokens and dark mode root variables
 */

:root, :host {
  --font-inter-tight: "Inter Tight", sans-serif;
  --color-primary-50: #f4f2fe;
  --color-primary-100: #ece8ff;
  --color-primary-200: #dcd4ff;
  --color-primary-300: #c3b1ff;
  --color-primary-400: #a585ff;
  --color-primary-500: #864ffe;
  --color-primary-600: #7c31f6;
  --color-secondary: #1a1a1c;
  --color-accent: #fcfcfc;
  --color-background-1: #fcfcfd;
  --color-background-2: #f9fafb;
  --color-background-3: #f4f5f8;
  --color-background-4: #f0f2f6;
  --color-background-5: #13171e;
  --color-background-6: #0f1217;
  --color-background-7: #181d26;
  --color-background-8: #070b10;
  --color-background-9: #1f252f;
  --color-background-12: #eaeceb;
  --color-stroke-1: #dfe4eb;
  --color-stroke-2: #e3e7ed;
  --color-stroke-3: #d7dde5;
  --color-stroke-4: #eceff4;
  --color-stroke-5: #1b232f;
  --color-stroke-6: #202731;
  --color-stroke-7: #2a333e;
  --color-stroke-8: #303b49;
  --color-stroke-9: var(--color-background-8);
  --color-ns-yellow: #f9eb57;
  --color-ns-green: #c6f56f;
  --color-ns-red: #ffb9a2;
  --color-ns-cyan: #83e7ee;
  --color-ns-green-light: #e8fbc6;
  --color-ns-cyan-light: #cdf5f8;
  --color-ns-yellow-light: #fdf7bc;
  --color-ns-ivory: #f4efe7;
  --color-ns-linen: #beab9a;
  --color-gradient-1: linear-gradient(135deg, #a585ff 0%, #ffc2ad 100%);
  --color-gradient-5: linear-gradient(165deg, #ffffff80 0.51%, #fff0 64.43%);
  --color-gradient-6: linear-gradient(#83e7ee 0%, #c6f56f 100%);
  --color-gradient-7: linear-gradient(#fff 0%, #83e7ee 100%);
  --color-gradient-8: linear-gradient(156deg, #fff 32.92%, #a585ff 91%);
  --color-gradient-9: linear-gradient(156deg, #dfb0ff 32.92%, #fdbedc 91%);
  --text-heading-1: 4.25rem;
  --text-heading-1--line-height: 110%;
  --text-heading-2: 3.25rem;
  --text-heading-2--line-height: 120%;
  --text-heading-3: 2.5rem;
  --text-heading-3--line-height: 120%;
  --text-heading-4: 2rem;
  --text-heading-4--line-height: 130%;
  --text-heading-5: 1.5rem;
  --text-heading-5--line-height: 140%;
  --text-heading-6: 1.25rem;
  --text-heading-6--line-height: 140%;
  --text-tagline-1: 1rem;
  --text-tagline-1--line-height: 150%;
  --text-tagline-2: .875rem;
  --text-tagline-2--line-height: 150%;
  --text-tagline-3: .75rem;
  --text-tagline-3--line-height: 150%;
  --blur-ns-badge-blur: 17.2283px;
  --stack-cards-gap: 2rem;
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --color-red-400: oklch(70.4% .191 22.216);
  --color-black: #000;
  --color-white: #fff;
  --spacing: .25rem;
  --container-xs: 20rem;
  --container-md: 28rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-5xl: 64rem;
  --container-6xl: 72rem;
  --text-xs: .75rem;
  --text-xs--line-height: calc(1 / .75);
  --text-sm: .875rem;
  --text-sm--line-height: calc(1.25 / .875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem;
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem;
  --text-7xl--line-height: 1;
  --text-8xl: 6rem;
  --text-8xl--line-height: 1;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --radius-md: .375rem;
  --radius-lg: .5rem;
  --radius-xl: .75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-4xl: 2rem;
  --drop-shadow-2xl: 0 25px 25px #00000026;
  --ease-in: cubic-bezier(.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
  --blur-xl: 24px;
  --blur-3xl: 64px;
  --default-transition-duration: .15s;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
}

.dark {
  --color-split-text: #fcfcfc;
}

@font-face {
  font-family: next-sass;
  src: url("../fonts/next-sass8d53.eot?obdk3g");
  src: url("../fonts/next-sass8d53.eot?obdk3g#iefix") format("embedded-opentype"), url("../fonts/next-sass8d53.ttf?obdk3g") format("truetype"), url("../fonts/next-sass8d53.woff?obdk3g") format("woff"), url("../fonts/next-sass8d53.svg?obdk3g#next-sass") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ns-"], [class*=" ns-"] {
  speak: never;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: next-sass !important;
}