/* GENERATED FILE. Do not edit directly. Run npm run generate:colors. Source: src/design/colors.mjs. */

:root {
  --color-brand-dark: #081717;
  --color-brand-ink: #133b3a;
  --color-brand-paper: #f8f7f0;
  --color-brand-paper-soft: #f7f7f2;
  --color-brand-paper-soft-transparent: rgba(247, 247, 242, 0);
  --color-brand-muted: #415554;
  --color-border-subtle: rgba(19, 59, 58, .16);
  --color-heading-on-light: var(--color-brand-ink);
  --color-body-on-light: var(--color-brand-muted);
  --color-heading-on-dark: var(--color-brand-paper);
  --color-body-on-dark: var(--color-on-dark-muted);
  --color-surface-panel: #ffffff;
  --color-surface-panel-subtle: var(--color-brand-paper-soft);
  --color-surface-panel-strong: var(--color-brand-paper-soft);
  --color-surface-panel-translucent: color-mix(in srgb, var(--color-brand-paper-soft) 64%, transparent);
  --color-label-bg: #f7f7f2;
  --color-brand-paper-translucent: rgba(248, 247, 240, .94);
  --color-on-dark-text: #f8f7f0;
  --color-on-dark-muted: #c8cece;
  --color-on-dark-muted-strong: rgba(200, 206, 206, .86);
  --color-on-dark-label: rgba(248, 247, 240, .88);
  --color-on-dark-text-prominent: rgba(248, 247, 240, .94);
  --color-on-dark-text-support: rgba(200, 206, 206, .74);
  --color-on-dark-border: rgba(248, 247, 240, .16);
  --color-on-dark-border-strong: rgba(248, 247, 240, .26);
  --color-on-dark-chip-bg: rgba(248, 247, 240, .18);
  --color-on-dark-caption: rgba(200, 206, 206, .72);
  --color-on-dark-panel-opaque: rgba(248, 247, 240, .9);
  --color-on-dark-check-bg: rgba(248, 247, 240, .92);
  --color-on-dark-control-bg-subtle: rgba(248, 247, 240, .08);
  --color-on-dark-control-bg-subtle-hover: rgba(248, 247, 240, .16);
  --color-on-dark-control-bg: rgba(248, 247, 240, .2);
  --color-on-dark-control-bg-hover: rgba(248, 247, 240, .3);
  --color-on-dark-control-border-subtle: rgba(248, 247, 240, .24);
  --color-on-dark-control-border-subtle-hover: rgba(248, 247, 240, .42);
  --color-on-dark-control-border: rgba(248, 247, 240, .54);
  --color-on-dark-control-border-hover: rgba(248, 247, 240, .72);
  --color-brand-dark-scrim-strong: rgba(8, 23, 23, .78);
  --color-brand-dark-transparent: rgba(8, 23, 23, 0);
  --color-button-primary-bg: var(--color-brand-dark);
  --color-button-primary-text: var(--color-brand-paper);
  --color-button-primary-border: var(--color-brand-dark);
  --color-imported-paper-muted: rgba(247, 247, 242, .66);
  --color-imported-paper-border: rgba(247, 247, 242, .16);
  --color-imported-paper-soft: rgba(247, 247, 242, .50);
  --color-imported-paper-medium: rgba(247, 247, 242, .60);
  --color-imported-paper-strong: rgba(247, 247, 242, .70);
  --color-imported-section-surface-lift: #efede7;
  --color-imported-section-surface-lift-low-opacity: #efede7a3;
  --color-imported-section-surface-depth: #e1dcd5;
  --color-accent: #133b3a;
  --color-accent-soft: rgba(19, 59, 58, .12);
  --color-accent-contrast: var(--color-brand-paper);
  --color-button-primary-hover-bg: var(--color-accent);
  --color-focus-ring: rgba(19, 59, 58, .32);
  --color-active-indicator: var(--color-accent);
  --color-accent-lime: #c7ff5f;
}

:root,
body {
  --_colors---primary--paper: var(--color-brand-paper);
  --_colors---primary--dark: var(--color-brand-dark);
  --_colors---primary--black: var(--color-heading-on-light);
  --_colors---primary--ink: var(--color-heading-on-light);
  --_colors---primary--muted: var(--color-body-on-light);
  --_colors---primary--white: var(--color-brand-paper);
  --_colors---primary--light: var(--color-brand-paper);
  --_colors---base---neutral--light-100: var(--color-brand-paper-soft);
  --_colors---base---neutral--dark-100: var(--color-brand-dark);
  --_colors---base---background-base--light: var(--color-brand-paper);
  --_colors---base---background-lift--light: var(--color-imported-section-surface-lift);
  --_colors---base---background-lift-low-opacity--light: var(--color-imported-section-surface-lift-low-opacity);
  --_colors---base---background-depth--light: var(--color-imported-section-surface-depth);
  --_🎨-color--base---neutral--light-100: var(--color-brand-paper-soft);
  --_🎨-color--base---neutral--dark-100: var(--color-brand-dark);
  --_🎨-color--base---background-base--light: var(--color-brand-paper);
  --_🎨-color--base---background-lift--light: var(--color-imported-section-surface-lift);
  --_🎨-color--base---background-lift-low-opacity--light: var(--color-imported-section-surface-lift-low-opacity);
  --_🎨-color--base---background-depth--light: var(--color-imported-section-surface-depth);
  --_🎨-color--tokens---background--base: var(--color-brand-paper);
  --_🎨-color--tokens---background--lift: var(--color-imported-section-surface-lift);
  --_🎨-color--tokens---background--lift-low-opacity: var(--color-imported-section-surface-lift-low-opacity);
  --_🎨-color--tokens---background--depth: var(--color-imported-section-surface-depth);
  --_🎨-color--tokens---border--subtle: var(--color-border-subtle);
  --_🎨-color--tokens---text-heading--strong: var(--color-heading-on-light);
  --_🎨-color--tokens---text-heading--medium: var(--color-heading-on-light);
  --_🎨-color--tokens---text-body--strong: var(--color-body-on-light);
  --_🎨-color--tokens---text-body--medium: var(--color-body-on-light);
  --_🎨-color--tokens---text-body--subtle: color-mix(in srgb, var(--color-body-on-light) 72%, transparent);
  --_🎨-color--tokens---text-label--strong: var(--color-heading-on-light);
  --_🎨-color--tokens---text-label--medium: var(--color-body-on-light);
  --_🎨-color--tokens---button-primary-default--background: var(--color-button-primary-bg);
  --_🎨-color--tokens---button-primary-default--text: var(--color-button-primary-text);
  --_🎨-color--tokens---button-primary-default--border: var(--color-button-primary-border);
  --_🎨-color--tokens---button-primary-hover--background: var(--color-button-primary-bg);
  --_🎨-color--tokens---button-primary-hover--text: var(--color-button-primary-text);
  --_🎨-color--tokens---button-primary-hover--border: var(--color-button-primary-border);
  --_🎨-color--tokens---button-secondary-default--text: var(--color-heading-on-light);
  --_🎨-color--tokens---button-secondary-default--border: var(--color-border-subtle);
  --_🎨-color--tokens---button-secondary-default--background: transparent;
  --_🎨-color--tokens---button-secondary-hover--text: var(--color-button-primary-text);
  --_🎨-color--tokens---button-secondary-hover--border: var(--color-button-primary-border);
  --_🎨-color--tokens---button-secondary-hover--background: var(--color-button-primary-bg);
}

body {
  background-color: var(--_🎨-color--tokens---background--base, var(--color-brand-paper));
  color: var(--_🎨-color--tokens---text-body--strong, var(--color-body-on-light));
}

:where(.label-master) {
  background-color: var(--color-label-bg);
  color: var(--color-heading-on-light);
}

:where(.label-master.w-variant-3dcbab84-0b89-15c0-0305-ed72757207a9, .label-master.depth) {
  background-color: var(--color-imported-section-surface-depth);
}

:where(.label-master .label-small) {
  color: currentColor;
}

.master-navigation {
  --_🎨-color--tokens---text-heading--strong: var(--color-heading-on-light);
  --_🎨-color--tokens---text-heading--medium: var(--color-heading-on-light);
  --_🎨-color--tokens---text-body--strong: var(--color-body-on-light);
  --_🎨-color--tokens---text-body--medium: var(--color-body-on-light);
  --_🎨-color--tokens---text-body--subtle: color-mix(in srgb, var(--color-body-on-light) 72%, transparent);
  --_🎨-color--tokens---text-label--strong: var(--color-heading-on-light);
  --_🎨-color--tokens---text-label--medium: var(--color-body-on-light);
}

.section.cta-b-section,
.section.home-c-cta-section,
.section.values-section,
.section.about-team-section,
.section.home-c-contact-section,
.section.testimonials-home-b-section,
.working-first-steps-section,
.home-imported-believe-section,
.landing-hero-trust-strip {
  --_🎨-color--tokens---background--base: var(--color-brand-dark);
  --_🎨-color--tokens---text-heading--strong: var(--color-heading-on-dark);
  --_🎨-color--tokens---text-heading--medium: var(--color-heading-on-dark);
  --_🎨-color--tokens---text-body--strong: var(--color-on-dark-text-prominent);
  --_🎨-color--tokens---text-body--medium: var(--color-body-on-dark);
  --_🎨-color--tokens---text-body--subtle: var(--color-on-dark-text-support);
  --_🎨-color--tokens---text-label--strong: var(--color-heading-on-dark);
  --_🎨-color--tokens---text-label--medium: var(--color-body-on-dark);
  --_🎨-color--tokens---border--subtle: var(--color-on-dark-border);
  --_🎨-color--tokens---button-secondary-default--text: var(--color-heading-on-dark);
  --_🎨-color--tokens---button-secondary-default--border: var(--color-on-dark-border);
  --_🎨-color--tokens---button-secondary-default--background: transparent;
  --_🎨-color--tokens---button-secondary-hover--text: var(--color-brand-dark);
  --_🎨-color--tokens---button-secondary-hover--border: var(--color-brand-paper);
  --_🎨-color--tokens---button-secondary-hover--background: var(--color-brand-paper);
  color: var(--color-body-on-dark);
}

.section.cta-b-section :where(h1, h2, h3, h4, h5, h6, .text-h0, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6, .heading-style-h0, .heading-style-h1, .heading-style-h2, .heading-style-h3, .heading-style-h4, .heading-style-h5, .heading-style-h6, .heading-strong, .heading-medium, .label-small, .label-plus_text),
.section.home-c-cta-section :where(h1, h2, h3, h4, h5, h6, .text-h0, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6, .heading-style-h0, .heading-style-h1, .heading-style-h2, .heading-style-h3, .heading-style-h4, .heading-style-h5, .heading-style-h6, .heading-strong, .heading-medium, .label-small, .label-plus_text),
.section.values-section :where(h1, h2, h3, h4, h5, h6, .text-h0, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6, .heading-style-h0, .heading-style-h1, .heading-style-h2, .heading-style-h3, .heading-style-h4, .heading-style-h5, .heading-style-h6, .heading-strong, .heading-medium, .label-small, .label-plus_text),
.section.about-team-section :where(h1, h2, h3, h4, h5, h6, .text-h0, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6, .heading-style-h0, .heading-style-h1, .heading-style-h2, .heading-style-h3, .heading-style-h4, .heading-style-h5, .heading-style-h6, .heading-strong, .heading-medium, .label-small, .label-plus_text),
.section.home-c-contact-section :where(h1, h2, h3, h4, h5, h6, .text-h0, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6, .heading-style-h0, .heading-style-h1, .heading-style-h2, .heading-style-h3, .heading-style-h4, .heading-style-h5, .heading-style-h6, .heading-strong, .heading-medium, .label-small, .label-plus_text),
.section.testimonials-home-b-section :where(h1, h2, h3, h4, h5, h6, .text-h0, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6, .heading-style-h0, .heading-style-h1, .heading-style-h2, .heading-style-h3, .heading-style-h4, .heading-style-h5, .heading-style-h6, .heading-strong, .heading-medium, .label-small, .label-plus_text),
.working-first-steps-section :where(h1, h2, h3, h4, h5, h6, .text-h0, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6, .heading-style-h0, .heading-style-h1, .heading-style-h2, .heading-style-h3, .heading-style-h4, .heading-style-h5, .heading-style-h6, .heading-strong, .heading-medium, .label-small, .label-plus_text),
.home-imported-believe-section :where(h1, h2, h3, h4, h5, h6, .text-h0, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6, .heading-style-h0, .heading-style-h1, .heading-style-h2, .heading-style-h3, .heading-style-h4, .heading-style-h5, .heading-style-h6, .heading-strong, .heading-medium, .label-small, .label-plus_text),
.landing-hero-trust-strip :where(h1, h2, h3, h4, h5, h6, .text-h0, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6, .heading-style-h0, .heading-style-h1, .heading-style-h2, .heading-style-h3, .heading-style-h4, .heading-style-h5, .heading-style-h6, .heading-strong, .heading-medium, .label-small, .label-plus_text) {
  color: var(--color-heading-on-dark);
}

.section.cta-b-section :where(p, .body-strong, .body-medium, .text-small, .text-body-bold),
.section.home-c-cta-section :where(p, .body-strong, .body-medium, .text-small, .text-body-bold),
.section.values-section :where(p, .body-strong, .body-medium, .text-small, .text-body-bold),
.section.about-team-section :where(p, .body-strong, .body-medium, .text-small, .text-body-bold),
.section.home-c-contact-section :where(p, .body-strong, .body-medium, .text-small, .text-body-bold),
.section.testimonials-home-b-section :where(p, .body-strong, .body-medium, .text-small, .text-body-bold),
.working-first-steps-section :where(p, .body-strong, .body-medium, .text-small, .text-body-bold),
.home-imported-believe-section :where(p, .body-strong, .body-medium, .text-small, .text-body-bold),
.landing-hero-trust-strip :where(p, .body-strong, .body-medium, .text-small, .text-body-bold) {
  color: var(--color-on-dark-text-prominent);
}

.section.cta-b-section .label-master,
.section.home-c-cta-section .label-master,
.section.values-section .label-master,
.section.about-team-section .label-master,
.section.home-c-contact-section .label-master,
.section.testimonials-home-b-section .label-master,
.working-first-steps-section .label-master,
.home-imported-believe-section .label-master,
.landing-hero-trust-strip .label-master {
  background-color: var(--color-on-dark-chip-bg);
  color: var(--color-heading-on-dark);
}

.section.cta-b-section .home-c-cta-block,
.section.home-c-cta-section .home-c-cta-block,
.section.values-section .values-left,
.section.values-section .wrap-tag-values:not(.upper) {
  --_🎨-color--tokens---background--base: var(--color-brand-paper);
  --_🎨-color--tokens---text-heading--strong: var(--color-heading-on-light);
  --_🎨-color--tokens---text-heading--medium: var(--color-heading-on-light);
  --_🎨-color--tokens---text-body--strong: var(--color-body-on-light);
  --_🎨-color--tokens---text-body--medium: var(--color-body-on-light);
  --_🎨-color--tokens---text-body--subtle: color-mix(in srgb, var(--color-body-on-light) 72%, transparent);
  --_🎨-color--tokens---text-label--strong: var(--color-heading-on-light);
  --_🎨-color--tokens---text-label--medium: var(--color-body-on-light);
  --_🎨-color--tokens---border--subtle: var(--color-border-subtle);
  --_🎨-color--tokens---background--lift: var(--color-imported-section-surface-lift);
  --_🎨-color--tokens---background--lift-low-opacity: var(--color-imported-section-surface-lift-low-opacity);
  --_🎨-color--tokens---background--depth: var(--color-imported-section-surface-depth);
  --_🎨-color--tokens---button-secondary-default--text: var(--color-heading-on-light);
  --_🎨-color--tokens---button-secondary-default--border: var(--color-border-subtle);
  --_🎨-color--tokens---button-secondary-default--background: transparent;
  --_🎨-color--tokens---button-secondary-hover--text: var(--color-button-primary-text);
  --_🎨-color--tokens---button-secondary-hover--border: var(--color-button-primary-border);
  --_🎨-color--tokens---button-secondary-hover--background: var(--color-button-primary-bg);
  color: var(--color-body-on-light);
}

.section.cta-b-section .home-c-cta-block :where(h1, h2, h3, h4, h5, h6, .text-h0, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6, .heading-style-h0, .heading-style-h1, .heading-style-h2, .heading-style-h3, .heading-style-h4, .heading-style-h5, .heading-style-h6, .heading-strong, .heading-medium, .label-small, .label-plus_text),
.section.home-c-cta-section .home-c-cta-block :where(h1, h2, h3, h4, h5, h6, .text-h0, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6, .heading-style-h0, .heading-style-h1, .heading-style-h2, .heading-style-h3, .heading-style-h4, .heading-style-h5, .heading-style-h6, .heading-strong, .heading-medium, .label-small, .label-plus_text),
.section.values-section .values-left :where(h1, h2, h3, h4, h5, h6, .text-h0, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6, .heading-style-h0, .heading-style-h1, .heading-style-h2, .heading-style-h3, .heading-style-h4, .heading-style-h5, .heading-style-h6, .heading-strong, .heading-medium, .label-small, .label-plus_text),
.section.values-section .wrap-tag-values:not(.upper) :where(h1, h2, h3, h4, h5, h6, .text-h0, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6, .heading-style-h0, .heading-style-h1, .heading-style-h2, .heading-style-h3, .heading-style-h4, .heading-style-h5, .heading-style-h6, .heading-strong, .heading-medium, .label-small, .label-plus_text) {
  color: var(--color-heading-on-light);
}

.section.cta-b-section .home-c-cta-block :where(p, .body-strong, .body-medium, .text-small, .text-body-bold),
.section.home-c-cta-section .home-c-cta-block :where(p, .body-strong, .body-medium, .text-small, .text-body-bold),
.section.values-section .values-left :where(p, .body-strong, .body-medium, .text-small, .text-body-bold),
.section.values-section .wrap-tag-values:not(.upper) :where(p, .body-strong, .body-medium, .text-small, .text-body-bold) {
  color: var(--color-body-on-light);
}

.section.cta-b-section .home-c-cta-block .label-master,
.section.home-c-cta-section .home-c-cta-block .label-master,
.section.values-section .values-left .label-master,
.section.values-section .wrap-tag-values:not(.upper) .label-master {
  background-color: var(--color-label-bg);
  color: var(--color-heading-on-light);
}

:where(h1, h2, h3, h4, h5, h6, .text-h0, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6, .heading-style-h0, .heading-style-h1, .heading-style-h2, .heading-style-h3, .heading-style-h4, .heading-style-h5, .heading-style-h6, .exposure-hero-static) {
  color: var(--_🎨-color--tokens---text-heading--strong, var(--color-heading-on-light));
}