/* engine-base.css — CSS custom properties from engine-webflow.css */
/* These variables are referenced by class rules in engine-page-styles.css */

:root {
  --_theme---background-primary: var(--base-color-neutral--white);
  --_theme---text-primary: var(--text-color--text-primary);
  --_theme---text-secondary: var(--text-color--text-secondary);
  --base-color-neutral--700: #58595e;
  --text-color--text-secondary: var(--base-color-neutral--700);
  --border-radius--xxlarge: 2.5rem;
  --base-color-neutral--100: #e6e8f0;
  --background-color--background-alternate: var(--base-color-neutral--950);
  --link-color--link-primary: var(--base-color-orange--600);
  --text-color--text-primary: var(--base-color-neutral--950);
  --border-radius--large: 1.5rem;
  --base-color-green--500: #009262;
  --base-color-neutral--white: white;
  --border-color--border-primary: var(--base-color-neutral--200);
  --base-color-orange--500: #fd4b23;
  --_theme---background-secondary: var(--base-color-neutral--50);
  --text-color--text-black: var(--base-color-neutral--1000);
  --text-color--text-secondary\<deleted\|variable-0a60224d-1a94-b160-ae24-af3c6d95a994\>: var(--base-color-grey--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>);
  --base-color-neutral--500: #5c5e64;
  --base-color-neutral--900: #2a2c33;
  --text-color--text-white: var(--base-color-neutral--white);
  --text-color--text-alternate-secondary: var(--base-color-neutral--200);
  --_theme---background-tertiary: var(--base-color-neutral--100);
  --_theme---link: var(--base-color-orange--500);
  --background-color--background-secondary: var(--base-color-neutral--950);
  --base-color-orange--100: #fec3b6;
  --base-color-orange--950: #4b0f06;
  --base-color-neutral--400: #74767d;
  --background-color--background-error: var(--base-color-system--error-red);
  --text-color--text-error: var(--base-color-system--error-red-dark);
  --background-color--background-tertiary: var(--base-color-neutral--white);
  --_theme---primary-button--background: var(--base-color-orange--500);
  --_theme---primary-button--text: var(--base-color-neutral--white);
  --_theme---primary-button--background-hover: var(--base-color-orange--600);
  --_theme---secondary-button--background: transparent;
  --_theme---secondary-button--text: var(--_theme---text-primary);
  --_theme---secondary-button--outline: var(--_theme---primary-button--background);
  --_theme---secondary-button--background-hover: var(--_theme---background-secondary);
  --text-color--text-alternate-primary: var(--base-color-neutral--50);
  --base-color-neutral--950: #10121a;
  --background-color--background-primary: var(--base-color-neutral--white);
  --link-color--link-secondary: var(--base-color-blue--600);
  --base-color-yellow--500: #ffb200;
  --base-color-yellow--600: #ffa000;
  --base-color-teal--500: #7dcbd9;
  --base-color-teal--600: #69b6c8;
  --base-color-green--600: #008155;
  --base-color-blue--500: #1476d8;
  --base-color-blue--600: #1265c6;
  --border-radius--medium: 1rem;
  --base-color-neutral--800: #33353d;
  --background-color--background-warning: var(--base-color-system--warning-yellow);
  --text-color--text-warning: var(--base-color-system--warning-yellow-dark);
  --border-radius--small: .75rem;
  --border-radius--xxsmall: .25rem;
  --border-radius--xlarge: 2rem;
  --base-color-system--focus-state: var(--base-color-blue--500);
  --blue\<deleted\|variable-de000a4d-0fee-1f9e-af85-624658122d10\>: var(--base-color-blue--200);
  --border-radius--round: 9999px;
  --neutral--n600\<deleted\|variable-63b55763-3fb9-7025-031f-e063443b2a47\>: #5a5f61;
  --light-blue\<deleted\|variable-66883d0c-d36a-f8ff-eb97-aa29448bb6f4\>: var(--base-color-neutral--100);
  --black\<deleted\|variable-ff6d7179\>: var(--base-color-neutral--black\<deleted\|variable-419fddc9-288d-5141-33c5-0873c4ce2f53\>);
  --white\<deleted\|variable-776ffbb4\>: var(--base-color-neutral--white);
  --base-color-neutral--600: #4a4b52;
  --base-color-green--50: #e6f4ef;
  --text-color--text-success: var(--base-color-system--success-green-dark);
  --base-color-orange--600: #ef441e;
  --base-color-blue--300: #5b9fe4;
  --base-color-blue--200: #8abbec;
  --base-color-yellow--100: #ffe8b3;
  --border-radius--xsmall: .5rem;
  --base-color-neutral--1000: #090a0c;
  --base-color-neutral--200: #a5a7ad;
  --neutral--n200\<deleted\|variable-f3616aee-de8f-ecc9-9020-950c3654cdb7\>: #c9d2d6;
  --neutral--n700\<deleted\|variable-89f10580-8a1a-cd7d-8d2d-272c0542f335\>: #46484a;
  --base-color-neutral--50: #f3f5fc;
  --link-color--link-alternate: var(--base-color-orange--300);
  --base-color-green--300: #4db391;
  --base-color-yellow--800: #ff6e01;
  --base-color-teal--800: #507e85;
  --base-color-green--700: #01613f;
  --base-color-blue--50: #e8f1fb;
  --base-color-blue--700: #0d46a7;
  --base-color-orange--50: #ffdbd3;
  --base-color-orange--700: #e13d19;
  --base-color-yellow--50: #fff7e6;
  --base-color-yellow--900: #e55000;
  --base-color-teal--50: #f2fafb;
  --base-color-neutral--300: #8e9097;
  --base-color-yellow--700: #ff8e00;
  --interaction--outline-color: #1476d8;
  --_spacing---small: 2rem;
  --_spacing---medium: 3rem;
  --_spacing---xxlarge: 6rem;
  --_spacing---xlarge: 5rem;
  --_spacing---large: 4rem;
  --_spacing---xsmall: 1rem;
  --border-radius--xxhuge: 5rem;
  --base-color-blue--950: #041139;
  --base-color-orange--800: #c82e10;
  --base-color-green--200: #80c9b1;
  --base-color-orange--400: #fd6948;
  --accessible-components--dark-grey: #9b9b9b;
  --base-color-teal--100: #d8eff4;
  --base-color-blue--100: #b9d6f3;
  --base-color-yellow--400: #ffba1a;
  --border-radius--huge: 3rem;
  --base-color-teal--950: #233235;
  --border-radius--xhuge: 4rem;
  --_theme---nav--backdrop: white;
  --_theme---nav--menu: var(--_theme---background-primary);
  --_theme---nav--text: var(--_theme---text-secondary);
  --_theme---nav--text-hover: var(--_theme---text-primary);
  --_theme---link-hover: var(--base-color-orange--700);
  --_theme---primary-button--text-hover: var(--base-color-neutral--white);
  --_theme---secondary-button--text-hover: var(--_theme---text-primary);
  --base-color-blue--400: #2c84dc;
  --base-color-blue--800: #09308a;
  --base-color-blue--900: #0a2162;
  --base-color-green--100: #b3ded0;
  --base-color-green--400: #1a9d72;
  --base-color-green--800: #00492e;
  --base-color-green--900: #002c18;
  --base-color-green--950: #001a0d;
  --base-color-orange--200: #fea591;
  --base-color-orange--300: #fe876c;
  --base-color-orange--900: #811e0d;
  --base-color-system--success-green: var(--base-color-green--100);
  --base-color-system--success-green-dark: var(--base-color-green--800);
  --base-color-system--warning-yellow: var(--base-color-yellow--100);
  --base-color-system--warning-yellow-dark: var(--base-color-yellow--800);
  --base-color-system--error-red: var(--base-color-orange--100);
  --base-color-system--error-red-dark: var(--base-color-orange--800);
  --base-color-teal--200: #bee5ec;
  --base-color-teal--300: #a4dbe4;
  --base-color-teal--400: #8ad0dd;
  --base-color-teal--700: #59929c;
  --base-color-teal--900: #3f5b5d;
  --base-color-yellow--200: #ffd980;
  --base-color-yellow--300: #ffc94d;
  --base-color-yellow--950: #ad2b00;
  --background-color--background-success: var(--base-color-system--success-green);
  --border-color--border-secondary: var(--base-color-neutral--700);
  --text-color--text-brand: var(--base-color-orange--500);
  --base-color-grey--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>: #222;
  --base-color-neutral--black\<deleted\|variable-419fddc9-288d-5141-33c5-0873c4ce2f53\>: #10121a;
}

/* Responsive spacing variable overrides */
@media screen and (max-width: 991px) {
  body {
    --_spacing---small: 1.5rem;
    --_spacing---medium: 2rem;
    --_spacing---xxlarge: 5rem;
    --_spacing---xlarge: 4rem;
    --_spacing---large: 3rem;
    --_spacing---xsmall: .75rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_spacing---small: 1.25rem;
    --_spacing---medium: 1.75rem;
    --_spacing---xxlarge: 3rem;
    --_spacing---xlarge: 2.5rem;
    --_spacing---large: 2rem;
    --_spacing---xsmall: .5rem;
  }
}
