/* ==========================================================================
   Theme: Index
   ========================================================================== */
/* ==========================================================================
   Variable: Index
   ========================================================================== */
/* ==========================================================================
   Variable: Colors
   ========================================================================== */
:root {
  --primary: #040404;
  --primary-subtlest: #fff;
  --primary-subtler: #dde0e0;
  --primary-subtle: #babfbf;
  --primary-neutral: #737a7a;
  --primary-strong: #225050;
  --primary-stronger: #1e2020;
  --primary-stongest: #0b0c0c;
  --primary-black: #040404;
  --secondary: #ffe3ba;
  --secondary-subtlest: #fff9f1;
  --secondary-subtler: #fff4e2;
  --secondary-subtle: #ffe5bf;
  --secondary-neutral: #ffe3ba;
  --secondary-strong: #ffd18c;
  --secondary-stronger: #ff9c08;
  --secondary-strongest: #583500;
  --background: #fff;
  --foreground: #040404;
  --whitef: #fff;
  --blackb: #000;
  --neutral: #494d4d;
  --neutral-f2: #f2f2f2;
  --neutral-f4: #f4f4f4;
  --neutral-subtlest: #fff;
  --neutral-subtler: #dde0e0;
  --neutral-subtle: #babfbf;
  --neutral-neutral: #737a7a;
  --neutral-strong: #225050;
  --neutral-stronger: #1e2020;
  --neutral-stongest: #0b0c0c;
  --neutral-black: #040404;
  --highlight: #f1bcb7;
  --highlight-subtlest: #fceeed;
  --highlight-subtler: #f8dddb;
  --highlight-subtle: #f1bcb7;
  --highlight-neutral: #eeaba5;
  --highlight-strong: #e78c83;
  --highlight-stronger: #cb3427;
  --highlight-stongest: #87231a;
  --brand: #7887f9;
  --brand-subtlest: #e8ebfe;
  --brand-subtler: #d2d7fd;
  --brand-subtle: #7887f9;
  --brand-neutral: #1d35f5;
  --brand-strong: #0920d4;
  --brand-stronger: #04106a;
  --brand-stongest: #030c4f;
  --success: #196b52;
  --success-subtlest: #c9ffef;
  --success-subtler: #c9ffef;
  --success-subtle: #c9ffef;
  --success-neutral: #c9ffef;
  --success-strong: #1fa87f;
  --success-stronger: #196b52;
  --success-strongest: #032e21;
  --error: #e85b56;
  --error-subtlest: #fdf7f6;
  --error-subtler: #fdf2f0;
  --error-subtle: #f0a6a0;
  --error-neutral: #e85b56;
  --error-strong: #ba4945;
  --error-stronger: #5d2422;
  --error-strongest: #391615;
  --warning: #fffbe6;
  --warning-subtlest: #fae69a;
  --warning-subtler: #fff1b8;
  --warning-subtle: #fff1b8;
  --warning-neutral: #fffbe6;
  --warning-strong: #ba902d;
  --warning-stronger: #8c6d22;
  --warning-strongest: #3d2f0d;
  --info: #ecf9fd;
  --info-subtlest: #ecf9fd;
  --info-subtler: #ecf9fd;
  --info-subtle: #ecf9fd;
  --info-neutral: #ecf9fd;
  --info-strong: #1a72c3;
  --info-stronger: #0a5ba7;
  --info-strongest: #012845;
  --card-bg: #F6F5F6;
  --card-category: #B1AFB1;
  --card-text: #262626;
  --card-title-hover: #e55300;
  --card-text-content: #898789;
}

/* ==========================================================================
   Variable: Grid
   ========================================================================== */
:root {
  --max-width-container: 1296px;
}

/* ==========================================================================
   Variable: Radius
   ========================================================================== */
:root {
  --radius-0: 4px;
  --radius-1: 8px;
  --radius-2: 16px;
  --radius-3: 24px;
  --radius-4: 32px;
  --radius-5: 40px;
  --radius-6: 48px;
  --radius-7: 56px;
  --radius-8: 64px;
  --radius-9: 72px;
  --radius-10: 80px;
}

/* ==========================================================================
   Variable: Shadow
   ========================================================================== */
:root {
  --shadow-0: 0px 1px 4px rgba(0, 0, 0, 0.1);
  --shadow-1: 0px 4px 8px rgba(0, 0, 0, 0.1);
  --shadow-2: 0px 8px 16px rgba(0, 0, 0, 0.1);
  --shadow-3: 0px 12px 24px rgba(0, 0, 0, 0.1);
  --shadow-4: 0px 16px 32px rgba(0, 0, 0, 0.1);
}

/* ==========================================================================
   Variable: Typography
   ========================================================================== */
:root {
  --font-family-main: "TT_Interphases_Pro", Arial, sans-serif;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-size-display: 3.2rem;
  --font-weight-display: var(--font-weight-semibold);
  --line-height-display: 3.8rem;
  --letter-spacing-display: -2%;
  --font-size-display-desktop: 6rem;
  --line-height-display-desktop: 7.2rem;
  --font-size-h1: 2.8rem;
  --font-weight-h1: var(--font-weight-semibold);
  --line-height-h1: 3.4rem;
  --letter-spacing-h1: -1%;
  --font-size-h1-desktop: 4.8rem;
  --line-height-h1-desktop: 5.8rem;
  --font-size-h2: 2.4rem;
  --font-weight-h2: var(--font-weight-semibold);
  --line-height-h2: 3rem;
  --letter-spacing-h2: -1%;
  --font-size-h2-desktop: 4rem;
  --line-height-h2-desktop: 4.8rem;
  --font-size-h3: 2rem;
  --font-weight-h3: var(--font-weight-semibold);
  --line-height-h3: 2.4rem;
  --letter-spacing-h3: -2%;
  --font-size-h3-desktop: 3.6rem;
  --line-height-h3-desktop: 4.4rem;
  --font-size-h4: 1.8rem;
  --font-weight-h4: var(--font-weight-semibold);
  --line-height-h4: 2.2rem;
  --letter-spacing-h4: -2%;
  --font-size-h4-desktop: 3rem;
  --line-height-h4-desktop: 3.6rem;
  --font-size-title-xl: 1.8rem;
  --font-weight-title-xl: var(--font-weight-semibold);
  --line-height-title-xl: 2.2rem;
  --letter-spacing-title-xl: -2%;
  --font-size-title-xl-desktop: 2.4rem;
  --line-height-title-xl-desktop: 3rem;
  --letter-spacing-title-xl-desktop: -1%;
  --font-size-title-lg: 1.6rem;
  --font-weight-title-lg: var(--font-weight-semibold);
  --line-height-title-lg: 2rem;
  --letter-spacing-title-lg: -2%;
  --font-size-title-lg-desktop: 1.8rem;
  --line-height-title-lg-desktop: 2.2rem;
  --font-size-title-md: 1.4rem;
  --font-weight-title-md: var(--font-weight-semibold);
  --line-height-title-md: 1.8rem;
  --letter-spacing-title-md: -2%;
  --font-size-title-md-desktop: 1.6rem;
  --line-height-title-md-desktop: 2.4rem;
  --font-size-title-sm: 1.2rem;
  --font-weight-title-sm: var(--font-weight-semibold);
  --line-height-title-sm: 1.6rem;
  --letter-spacing-title-sm: -1%;
  --font-size-title-sm-desktop: 1.4rem;
  --line-height-title-sm-desktop: 2.2rem;
  --font-size-title-xs: 1rem;
  --font-weight-title-xs: var(--font-weight-semibold);
  --line-height-title-xs: 1.4rem;
  --letter-spacing-title-xs: -1%;
  --font-size-title-xs-desktop: 1.2rem;
  --line-height-title-xs-desktop: 1.8rem;
  --font-size-body-lg: 1.6rem;
  --font-weight-body-lg: var(--font-weight-regular);
  --line-height-body-lg: 2.4rem;
  --letter-spacing-body-lg: -1%;
  --font-size-body-lg-desktop: 1.8rem;
  --line-height-body-lg-desktop: 2.6rem;
  --letter-spacing-body-lg-desktop: 0%;
  --font-size-body-md: 1.4rem;
  --font-weight-body-md: var(--font-weight-regular);
  --line-height-body-md: 2.2rem;
  --letter-spacing-body-md: -1%;
  --font-size-body-md-desktop: 1.6rem;
  --line-height-body-md-desktop: 2.4rem;
  --letter-spacing-body-md-desktop: 0%;
  --font-size-body-sm: 1.2rem;
  --font-weight-body-sm: var(--font-weight-regular);
  --line-height-body-sm: 1.8rem;
  --letter-spacing-body-sm: -1%;
  --font-size-body-sm-desktop: 1.4rem;
  --line-height-body-sm-desktop: 2.2rem;
  --letter-spacing-body-sm-desktop: 0%;
  --font-size-body-xs: 1rem;
  --font-weight-body-xs: var(--font-weight-regular);
  --line-height-body-xs: 1.4rem;
  --letter-spacing-body-xs: -1%;
  --font-size-body-xs-desktop: 1.2rem;
  --line-height-body-xs-desktop: 1.8rem;
  --letter-spacing-body-xs-desktop: 0%;
  --font-size-button-text-lg: 1.4rem;
  --font-weight-button-text-lg: var(--font-weight-semibold);
  --line-height-button-text-lg: 2rem;
  --letter-spacing-button-text-lg: -2%;
  --font-size-button-text-lg-desktop: 1.6rem;
  --line-height-button-text-lg-desktop: 2.2rem;
  --letter-spacing-button-text-lg-desktop: -1%;
  --font-size-button-text-sm: 1.2rem;
  --font-weight-button-text-sm: var(--font-weight-semibold);
  --line-height-button-text-sm: 1.6rem;
  --letter-spacing-button-text-sm: -2%;
  --font-size-button-text-sm-desktop: 1.4rem;
  --line-height-button-text-sm-desktop: 2rem;
  --letter-spacing-button-text-sm: -1%;
}

/* ==========================================================================
   Variable: z-index
   ========================================================================== */
:root {
  --z-index-header: 9;
  --z-index-side-menu: 11;
  --z-index-popup: 10;
}

/* ==========================================================================
   Variable: Screen
   ========================================================================== */
/* ==========================================================================
   Variable: Filter
   ========================================================================== */
:root {
  --filter-blur-header: blur(40px);
}

/* ==========================================================================
   Variable: Prefix
   ========================================================================== */
/*# sourceMappingURL=maps/theme.css.map */
