/*
 * PRIMITIVE TOKENS — components-version-0
 *
 * Primitives values from Figma semantic tokens from semantic.css.
 */

:root {
    /* General */
    --stroke-border: 1px;
    --blur-100: 4px;
    --icon-small: 24px;
    --icon-medium: 32px;
    --icon-large: 40px;
    --radius-default: 8px;
    --icon-weight: 1px;
    --padding-default: 8px;
    --image-ratio-landscape: 1.33;
    --image-ratio-portrait: 0.75;

    /* Typography */
    --alpha-family-body: var(--et_global_body_font);
    --alpha-family-title: var(--et_global_heading_font);
    --alpha-fluid-max-width: 1280;
    --alpha-fluid-min-width: 360;
    --alpha-letter-spacing: 0;

    /* Body */
    --body-fluid-max-size: 20;
    --body-fluid-min-size: 16;
    --body-font-family: var(--alpha-family-body);
    --body-font-weight-regular-text: "Light";
    --body-font-weight-regular: 300;
    --body-font-weight-regular-style: normal;
    --body-font-weight-strong-text: "Bold";
    --body-font-weight-strong: 700;
    --body-font-weight-strong-style: normal;
    --body-letter-spacing: var(--alpha-letter-spacing);
    --body-line-height-base: 32;
    --body-line-height-small: 26;
    --body-size-base: 20;
    --body-size-small: 16;

    /* Heading (page/section level) */
    --heading-font-family: var(--alpha-family-title);
    --heading-font-weight-text: "SemiBold";
    --heading-font-weight: 600;
    --heading-font-style: normal;
    --heading-letter-spacing: var(--alpha-letter-spacing);
    --heading-line-height-max: 36;
    --heading-line-height-min: 29;
    --heading-max-size: 28;
    --heading-min-size: 22;

    /* Subtitle (pairs with heading/title-page) */
    --subtitle-font-family: var(--alpha-family-body);
    --subtitle-font-weight-text: "Regular";
    --subtitle-font-weight: 400;
    --subtitle-font-style: italic;
    --subtitle-letter-spacing: var(--alpha-letter-spacing);
    --subtitle-line-height-max: 31;
    --subtitle-line-height-min: 24;
    --subtitle-max-size: 24;
    --subtitle-min-size: 18;

    /* Subheading (body-tier heading, e.g. "Background", "Approach") */
    --subheading-font-family: var(--alpha-family-body);
    --subheading-font-weight-text: "Medium";
    --subheading-font-weight: 500;
    --subheading-font-style: normal;
    --subheading-letter-spacing: var(--alpha-letter-spacing);
    --subheading-line-height-max: 23;
    --subheading-line-height-min: 21;
    --subheading-max-size: 18;
    --subheading-min-size: 16;

    /* Small heading — card title */
    --small-heading-font-family: var(--alpha-family-title);
    --small-heading-font-weight-text: "SemiBold";
    --small-heading-font-weight: 600;
    --small-heading-font-style: normal;
    --small-heading-letter-spacing: var(--alpha-letter-spacing);
    --small-heading-line-height-max: 28;
    --small-heading-line-height-min: 24;
    --small-heading-max-size: 22;
    --small-heading-min-size: 18;

    /* Small subheading (meta text, captions) */
    --small-subheading-font-family: var(--alpha-family-body);
    --small-subheading-font-weight-text: "Medium";
    --small-subheading-font-weight: 500;
    --small-subheading-font-style: normal;
    --small-subheading-letter-spacing: var(--alpha-letter-spacing);
    --small-subheading-line-height-max: 18;
    --small-subheading-line-height-min: 16;
    --small-subheading-max-size: 14;
    --small-subheading-min-size: 12;

    /* Title — hero */
    --title-hero-font-family: var(--alpha-family-title);
    --title-hero-font-weight-text: "Bold";
    --title-hero-font-weight: 700;
    --title-hero-font-style: normal;
    --title-hero-letter-spacing: var(--alpha-letter-spacing);
    --title-hero-line-height-max: 55;
    --title-hero-line-height-min: 35;
    --title-hero-max-size: 44;
    --title-hero-min-size: 28;

    /* Title — page */
    --title-page-font-family: var(--alpha-family-title);
    --title-page-font-weight-text: "Bold";
    --title-page-font-weight: 700;
    --title-page-font-style: normal;
    --title-page-letter-spacing: var(--alpha-letter-spacing);
    --title-page-line-height-max: 44;
    --title-page-line-height-min: 33;
    --title-page-max-size: 36;
    --title-page-min-size: 26; 


    /* Spacing */
    --space-0: 0px;
    --space-0-5: 4px;
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-1-5: 12px;
    --space-4: 32px;
    --space-5: 40px;
    --space-6: 48px;
    --space-7: 56px;
    --space-8: 64px;
    --space-12: 96px;
    --content-size: 1280px;

    /* Colors */
    --neutrals-0: #f3eff8;
    --neutrals-1000: #1e132a;
    --neutrals-500: #7d4fb0;
    --neutrals-200: #c4afdb;
    --neutrals-300: #ad8fcc;
    --neutrals-400: #956fbe;
    --neutrals-900: #221630;
    --neutrals-800: #392450;
    --neutrals-700: #503370;
    --neutrals-600: #674190;
    --neutrals-100: #dccfe9;
    --neutrals-transparent: transparent;

    --brand-primary-shade: #db049a;
    --brand-primary-tint: #fca4d0;
    --brand-primary-default: #eb279d;
    --brand-secondary-default: #78cdd7;
    --brand-secondary-shade: #62aab2;
    --brand-secondary-tint: #93d7df;
    --brand-primary-on: var(--neutrals-1000);
    --brand-secondary-on: var(--neutrals-1000);
    --brand-accent-default: #e61619;
    --brand-accent-on: var(--neutrals-1000);
    --brand-accent-shade: #e61619;
    --brand-accent-tint: #e61619;

    --states-success-default: #38742b;
    --states-success-light: #7dca6c;
    --states-success-on: var(--neutrals-0);
    --states-warning-default: #e8b931;
    --states-warning-dark: #e5a000;
    --states-warning-on: var(--neutrals-1000);
    --states-danger-default: #900b09;
    --states-danger-dark: #c00f0c;
    --states-danger-on: var(--neutrals-0);
    --states-disabled-default: var(--neutrals-100);

}