/* [project]/design-system/tokens.css [app-client] (css) */
@font-face {
  font-family: Inter Reference;
  src: url("../media/InterVariable.2c0y96ae70xfx.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

.infinify-ds {
  --ds-font: "Inter Reference", Inter, ui-sans-serif, system-ui, sans-serif;
  --ds-type-xs: 12px;
  --ds-type-caption: 11px;
  --ds-type-sm: 14px;
  --ds-type-compact: 13px;
  --ds-type-body: 16px;
  --ds-type-lg: 18px;
  --ds-type-h6: 20px;
  --ds-type-h5: 24px;
  --ds-type-h4: 28px;
  --ds-type-h3: 32px;
  --ds-type-h2: 36px;
  --ds-type-h1: 40px;
  --ds-type-display-max: 72px;
  --ds-type-metric: 26px;
  --ds-gallery-max: 1360px;
  --ds-leading-xs: 16px;
  --ds-leading-sm: 20px;
  --ds-leading-body: 24px;
  --ds-leading-lg: 26px;
  --ds-leading-h6: 24px;
  --ds-leading-h5: 32px;
  --ds-leading-h4: 32px;
  --ds-leading-h3: 40px;
  --ds-leading-h2: 44px;
  --ds-leading-h1: 48px;
  --ds-heading-tracking: -.02em;
  --ds-border-width: 1px;
  --ds-focus-width: 2px;
  --ds-mono-100: #f3f3f3;
  --ds-mono-200: #e8e9e9;
  --ds-mono-300: #cfd0d1;
  --ds-mono-400: #b3b3b6;
  --ds-mono-500: #909295;
  --ds-mono-600: #50545d;
  --ds-mono-700: #3c4049;
  --ds-mono-800: #383c44;
  --ds-mono-900: #31343b;
  --ds-mono-1000: #282a30;
  --ds-mono-1100: #1c1e22;
  --ds-brand-100: #e9f1ff;
  --ds-brand-200: #cedfff;
  --ds-brand-300: #9dbefd;
  --ds-brand-400: #7ba8fc;
  --ds-brand-500: #538dfa;
  --ds-brand-600: #3478f6;
  --ds-brand-700: #2c68d7;
  --ds-brand-800: #2354b0;
  --ds-brand-900: #173d82;
  --ds-brand-1000: #0b2555;
  --ds-brand-1100: #04173a;
  --ds-error-100: #fee;
  --ds-error-200: #fed6d6;
  --ds-error-300: #fbb1b1;
  --ds-error-400: #f88888;
  --ds-error-500: #f66262;
  --ds-error-600: #f33d3d;
  --ds-error-700: #bd2e2e;
  --ds-error-800: #a12727;
  --ds-error-900: #7a1d1d;
  --ds-error-1000: #4f1212;
  --ds-error-1100: #3b0c0c;
  --ds-success-100: #f2f8f3;
  --ds-success-200: #e7f1e8;
  --ds-success-300: #cce3cf;
  --ds-success-400: #acd3b3;
  --ds-success-500: #86c290;
  --ds-success-600: #12a642;
  --ds-success-700: #119e3f;
  --ds-success-800: #0f8e38;
  --ds-success-900: #0d7b31;
  --ds-success-1000: #0b6428;
  --ds-success-1100: #08471c;
  --ds-warning-100: #fbf6f2;
  --ds-warning-200: #f8eee7;
  --ds-warning-300: #f0dbcc;
  --ds-warning-400: #e8c7ac;
  --ds-warning-500: #e0b085;
  --ds-warning-600: #d3870d;
  --ds-warning-700: #c9810c;
  --ds-warning-800: #b4730b;
  --ds-warning-900: #9c640a;
  --ds-warning-1000: #7f5108;
  --ds-warning-1100: #5a3a06;
  --ds-orange-100: #fef4f2;
  --ds-orange-200: #fdebe7;
  --ds-orange-300: #fbd5cb;
  --ds-orange-400: #f9bdac;
  --ds-orange-500: #f6a085;
  --ds-orange-600: #f3690c;
  --ds-orange-700: #e8640b;
  --ds-orange-800: #cf5a0a;
  --ds-orange-900: #b44e09;
  --ds-orange-1000: #933f07;
  --ds-orange-1100: #682d05;
  --ds-mint-100: #f4faf9;
  --ds-mint-200: #eaf5f4;
  --ds-mint-300: #d3ebe9;
  --ds-mint-400: #bae1dd;
  --ds-mint-500: #9cd6d1;
  --ds-mint-600: #5fc4bd;
  --ds-mint-700: #5bbbb4;
  --ds-mint-800: #51a7a1;
  --ds-mint-900: #46918c;
  --ds-mint-1000: #397672;
  --ds-mint-1100: #295451;
  --ds-teal-100: #f4f8fa;
  --ds-teal-200: #eaf2f5;
  --ds-teal-300: #d3e5eb;
  --ds-teal-400: #b9d7e1;
  --ds-teal-500: #9bc7d6;
  --ds-teal-600: #5daec4;
  --ds-teal-700: #59a6bb;
  --ds-teal-800: #4f94a7;
  --ds-teal-900: #458191;
  --ds-teal-1000: #386976;
  --ds-teal-1100: #284a54;
  --ds-cyan-100: #f4f8fc;
  --ds-cyan-200: #eaf2fa;
  --ds-cyan-300: #d3e4f5;
  --ds-cyan-400: #b9d6ef;
  --ds-cyan-500: #9ac6ea;
  --ds-cyan-600: #5cace1;
  --ds-cyan-700: #58a4d7;
  --ds-cyan-800: #4e93c0;
  --ds-cyan-900: #447fa6;
  --ds-cyan-1000: #386888;
  --ds-cyan-1100: #274960;
  --ds-mono-1150: #0c0c0e;
  --ds-black: #000;
  --ds-white: #fff;
  --ds-brand: var(--ds-brand-700);
  --ds-brand-hover: var(--ds-brand-800);
  --ds-brand-active: var(--ds-brand-900);
  --ds-surface: var(--ds-white);
  --ds-surface-muted: var(--ds-mono-100);
  --ds-text: var(--ds-mono-1150);
  --ds-text-muted: var(--ds-mono-600);
  --ds-border: var(--ds-mono-300);
  --ds-success: var(--ds-success-600);
  --ds-danger: var(--ds-error-600);
  --ds-warning: var(--ds-warning-600);
  --ds-info: var(--ds-brand-600);
  --ds-focus: var(--ds-brand-800);
  --ds-shadow-sm: 0 1px 2px #0000001a;
  --ds-shadow-md: 0 4px 12px #0000001f;
  --ds-shadow-lg: 0 12px 32px #00000029;
  --ds-spacing-0: 0px;
  --ds-spacing-2: 2px;
  --ds-spacing-3: 3px;
  --ds-spacing-4: 4px;
  --ds-spacing-5: 5px;
  --ds-spacing-6: 6px;
  --ds-spacing-8: 8px;
  --ds-spacing-10: 10px;
  --ds-spacing-12: 12px;
  --ds-spacing-14: 14px;
  --ds-spacing-16: 16px;
  --ds-spacing-20: 20px;
  --ds-spacing-24: 24px;
  --ds-spacing-32: 32px;
  --ds-spacing-36: 36px;
  --ds-spacing-40: 40px;
  --ds-spacing-44: 44px;
  --ds-spacing-48: 48px;
  --ds-spacing-64: 64px;
  --ds-spacing-80: 80px;
  --ds-spacing-96: 96px;
  --ds-spacing-128: 128px;
  --ds-spacing-160: 160px;
  --ds-radius-0: 0px;
  --ds-radius-2: 2px;
  --ds-radius-4: 4px;
  --ds-radius-6: 6px;
  --ds-radius-8: 8px;
  --ds-radius-10: 10px;
  --ds-radius-12: 12px;
  --ds-radius-14: 14px;
  --ds-radius-16: 16px;
  --ds-radius-20: 20px;
  --ds-radius-24: 24px;
  --ds-radius-full: 99999px;
  --ds-icon-size: 24px;
  --ds-icon-stroke: 1.5px;
  --ds-grid-desktop-columns: 12;
  --ds-grid-tablet-columns: 8;
  --ds-grid-mobile-columns: 4;
  color: var(--ds-text);
  background: var(--ds-surface);
  font-family: var(--ds-font);
}

.infinify-ds[data-theme="dark"] {
  --ds-surface: #242426;
  --ds-surface-muted: #1f1f21;
  --ds-text: #f7f7f8;
  --ds-text-muted: #a5a5a8;
  --ds-border: #3c3c40;
  --ds-brand: var(--ds-brand-700);
  --ds-brand-hover: var(--ds-brand-800);
  --ds-brand-active: var(--ds-brand-900);
  --ds-focus: var(--ds-brand-300);
  --ds-shadow-sm: 0 1px 2px #0000004d;
  --ds-shadow-md: 0 4px 12px #00000073;
  --ds-shadow-lg: 0 12px 32px #0009;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}