/* Generated by scripts/build_design_tokens.py from design/tokens/pair-tokens.json. Do not edit by hand. */

:root {
  --md-sys-color-primary: #B3246A;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #FF5A9F;
  --md-sys-color-on-primary-container: #101B4D;
  --md-sys-color-secondary: #4A5068;
  --md-sys-color-on-secondary: #FFFFFF;
  --md-sys-color-secondary-container: #E2E4EF;
  --md-sys-color-on-secondary-container: #1B1F33;
  --md-sys-color-tertiary: #7A55D6;
  --md-sys-color-on-tertiary: #FFFFFF;
  --md-sys-color-tertiary-container: #E9DEFF;
  --md-sys-color-on-tertiary-container: #2A0F6B;
  --md-sys-color-error: #BA1A1A;
  --md-sys-color-on-error: #FFFFFF;
  --md-sys-color-error-container: #FFDAD6;
  --md-sys-color-on-error-container: #410002;
  --md-sys-color-background: #FBFAFF;
  --md-sys-color-on-background: #171A31;
  --md-sys-color-surface: #FBFAFF;
  --md-sys-color-on-surface: #171A31;
  --md-sys-color-surface-variant: #E3E4F2;
  --md-sys-color-on-surface-variant: #4E536C;
  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low: #F5F5FD;
  --md-sys-color-surface-container: #EFF0FA;
  --md-sys-color-surface-container-high: #E9EAF6;
  --md-sys-color-surface-container-highest: #E3E4F2;
  --md-sys-color-outline: #767B95;
  --md-sys-color-outline-variant: #D6D9EA;
  --md-sys-color-inverse-surface: #2C2F45;
  --md-sys-color-inverse-on-surface: #F1F1FB;
  --md-sys-color-inverse-primary: #FF8FBF;
  --md-sys-color-scrim: #000000;
  --pair-color-self: #7A55D6;
  --pair-color-on-self: #FFFFFF;
  --pair-color-partner: #6B7089;
  --pair-color-on-partner: #FFFFFF;
  --pair-color-good: #116246;
  --pair-color-good-container: #DCF5EA;
  --pair-color-caution: #7A5200;
  --pair-color-caution-container: #FFF0CA;
  --pair-color-talk: #2C2F45;
  --pair-color-talk-container: #E6E8F4;
  --pair-color-brand-navy: #101B4D;
  --pair-color-brand-sky: #72D2FF;
  --pair-color-male: #3157E4;
  --pair-color-female: #D93A82;
  --pair-color-female-text: #B8286C;
  --pair-color-axis: #878CA6;
  --pair-color-layer-quality-container: #FFEAE3;
  --pair-color-layer-quality-accent: #C4462A;
  --pair-color-on-layer-quality-accent: #FFFFFF;
  --pair-color-layer-roles-container: #EFE8FF;
  --pair-color-layer-roles-accent: #6B46C1;
  --pair-color-on-layer-roles-accent: #FFFFFF;
  --pair-color-layer-spheres-container: #DDF1F6;
  --pair-color-layer-spheres-accent: #0B6E86;
  --pair-color-on-layer-spheres-accent: #FFFFFF;
  --md-sys-typescale-font: "Montserrat", "Segoe UI", Roboto, Arial, sans-serif;
  --md-sys-typescale-display-large-size: 57px;
  --md-sys-typescale-display-large-line-height: 64px;
  --md-sys-typescale-display-large-weight: 700;
  --md-sys-typescale-display-large-tracking: -0.5px;
  --md-sys-typescale-display-medium-size: 45px;
  --md-sys-typescale-display-medium-line-height: 52px;
  --md-sys-typescale-display-medium-weight: 700;
  --md-sys-typescale-display-medium-tracking: -0.5px;
  --md-sys-typescale-display-small-size: 36px;
  --md-sys-typescale-display-small-line-height: 44px;
  --md-sys-typescale-display-small-weight: 700;
  --md-sys-typescale-display-small-tracking: -0.25px;
  --md-sys-typescale-headline-large-size: 32px;
  --md-sys-typescale-headline-large-line-height: 40px;
  --md-sys-typescale-headline-large-weight: 700;
  --md-sys-typescale-headline-large-tracking: -0.25px;
  --md-sys-typescale-headline-medium-size: 28px;
  --md-sys-typescale-headline-medium-line-height: 36px;
  --md-sys-typescale-headline-medium-weight: 700;
  --md-sys-typescale-headline-medium-tracking: 0px;
  --md-sys-typescale-headline-small-size: 24px;
  --md-sys-typescale-headline-small-line-height: 32px;
  --md-sys-typescale-headline-small-weight: 700;
  --md-sys-typescale-headline-small-tracking: 0px;
  --md-sys-typescale-title-large-size: 22px;
  --md-sys-typescale-title-large-line-height: 28px;
  --md-sys-typescale-title-large-weight: 600;
  --md-sys-typescale-title-large-tracking: 0px;
  --md-sys-typescale-title-medium-size: 16px;
  --md-sys-typescale-title-medium-line-height: 24px;
  --md-sys-typescale-title-medium-weight: 600;
  --md-sys-typescale-title-medium-tracking: 0.15px;
  --md-sys-typescale-title-small-size: 14px;
  --md-sys-typescale-title-small-line-height: 20px;
  --md-sys-typescale-title-small-weight: 600;
  --md-sys-typescale-title-small-tracking: 0.1px;
  --md-sys-typescale-body-large-size: 16px;
  --md-sys-typescale-body-large-line-height: 24px;
  --md-sys-typescale-body-large-weight: 400;
  --md-sys-typescale-body-large-tracking: 0.25px;
  --md-sys-typescale-body-medium-size: 14px;
  --md-sys-typescale-body-medium-line-height: 20px;
  --md-sys-typescale-body-medium-weight: 400;
  --md-sys-typescale-body-medium-tracking: 0.25px;
  --md-sys-typescale-body-small-size: 12px;
  --md-sys-typescale-body-small-line-height: 16px;
  --md-sys-typescale-body-small-weight: 400;
  --md-sys-typescale-body-small-tracking: 0.4px;
  --md-sys-typescale-label-large-size: 14px;
  --md-sys-typescale-label-large-line-height: 20px;
  --md-sys-typescale-label-large-weight: 600;
  --md-sys-typescale-label-large-tracking: 0.1px;
  --md-sys-typescale-label-medium-size: 12px;
  --md-sys-typescale-label-medium-line-height: 16px;
  --md-sys-typescale-label-medium-weight: 600;
  --md-sys-typescale-label-medium-tracking: 0.5px;
  --md-sys-typescale-label-small-size: 11px;
  --md-sys-typescale-label-small-line-height: 16px;
  --md-sys-typescale-label-small-weight: 600;
  --md-sys-typescale-label-small-tracking: 0.5px;
  --md-sys-shape-corner-extra-small: 8px;
  --md-sys-shape-corner-small: 12px;
  --md-sys-shape-corner-medium: 16px;
  --md-sys-shape-corner-large: 20px;
  --md-sys-shape-corner-extra-large: 28px;
  --md-sys-shape-corner-full: 999px;
  --pair-space-xs: 4px;
  --pair-space-sm: 8px;
  --pair-space-md: 12px;
  --pair-space-lg: 16px;
  --pair-space-xl: 24px;
  --pair-space-xxl: 32px;
  --pair-space-xxxl: 48px;
  --md-sys-motion-duration-short: 150ms;
  --md-sys-motion-duration-medium: 250ms;
  --md-sys-motion-duration-long: 400ms;
  --md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --md-sys-color-primary: #FF8FBF;
    --md-sys-color-on-primary: #3B0A22;
    --md-sys-color-primary-container: #FF5A9F;
    --md-sys-color-on-primary-container: #101B4D;
    --md-sys-color-secondary: #C3C6DB;
    --md-sys-color-on-secondary: #2C2F45;
    --md-sys-color-secondary-container: #3A3E57;
    --md-sys-color-on-secondary-container: #E2E4EF;
    --md-sys-color-tertiary: #CDB8FF;
    --md-sys-color-on-tertiary: #2A0F6B;
    --md-sys-color-tertiary-container: #5A3BB0;
    --md-sys-color-on-tertiary-container: #E9DEFF;
    --md-sys-color-error: #FFB4AB;
    --md-sys-color-on-error: #690005;
    --md-sys-color-error-container: #93000A;
    --md-sys-color-on-error-container: #FFDAD6;
    --md-sys-color-background: #0F1128;
    --md-sys-color-on-background: #E4E4F5;
    --md-sys-color-surface: #0F1128;
    --md-sys-color-on-surface: #E4E4F5;
    --md-sys-color-surface-variant: #3F4360;
    --md-sys-color-on-surface-variant: #C4C6DC;
    --md-sys-color-surface-container-lowest: #0A0C1F;
    --md-sys-color-surface-container-low: #171A34;
    --md-sys-color-surface-container: #1B1E3A;
    --md-sys-color-surface-container-high: #262946;
    --md-sys-color-surface-container-highest: #313452;
    --md-sys-color-outline: #8E91AA;
    --md-sys-color-outline-variant: #3F4360;
    --md-sys-color-inverse-surface: #E4E4F5;
    --md-sys-color-inverse-on-surface: #2C2F45;
    --md-sys-color-inverse-primary: #B3246A;
    --md-sys-color-scrim: #000000;
    --pair-color-self: #CDB8FF;
    --pair-color-on-self: #2A0F6B;
    --pair-color-partner: #A9ADC6;
    --pair-color-on-partner: #1B1E3A;
    --pair-color-good: #7FDCB4;
    --pair-color-good-container: #133528;
    --pair-color-caution: #F5C66B;
    --pair-color-caution-container: #3D2E0A;
    --pair-color-talk: #E4E4F5;
    --pair-color-talk-container: #2C2F45;
    --pair-color-brand-navy: #101B4D;
    --pair-color-brand-sky: #72D2FF;
    --pair-color-male: #8FA8FF;
    --pair-color-female: #FF8FBF;
    --pair-color-female-text: #FF8FBF;
    --pair-color-axis: #7C80A0;
    --pair-color-layer-quality-container: #2E1B1A;
    --pair-color-layer-quality-accent: #FFA58C;
    --pair-color-on-layer-quality-accent: #3A0E05;
    --pair-color-layer-roles-container: #221B40;
    --pair-color-layer-roles-accent: #C9B6FF;
    --pair-color-on-layer-roles-accent: #2A0F6B;
    --pair-color-layer-spheres-container: #0F2A31;
    --pair-color-layer-spheres-accent: #7FD6E6;
    --pair-color-on-layer-spheres-accent: #00363F;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --md-sys-color-primary: #FF8FBF;
  --md-sys-color-on-primary: #3B0A22;
  --md-sys-color-primary-container: #FF5A9F;
  --md-sys-color-on-primary-container: #101B4D;
  --md-sys-color-secondary: #C3C6DB;
  --md-sys-color-on-secondary: #2C2F45;
  --md-sys-color-secondary-container: #3A3E57;
  --md-sys-color-on-secondary-container: #E2E4EF;
  --md-sys-color-tertiary: #CDB8FF;
  --md-sys-color-on-tertiary: #2A0F6B;
  --md-sys-color-tertiary-container: #5A3BB0;
  --md-sys-color-on-tertiary-container: #E9DEFF;
  --md-sys-color-error: #FFB4AB;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000A;
  --md-sys-color-on-error-container: #FFDAD6;
  --md-sys-color-background: #0F1128;
  --md-sys-color-on-background: #E4E4F5;
  --md-sys-color-surface: #0F1128;
  --md-sys-color-on-surface: #E4E4F5;
  --md-sys-color-surface-variant: #3F4360;
  --md-sys-color-on-surface-variant: #C4C6DC;
  --md-sys-color-surface-container-lowest: #0A0C1F;
  --md-sys-color-surface-container-low: #171A34;
  --md-sys-color-surface-container: #1B1E3A;
  --md-sys-color-surface-container-high: #262946;
  --md-sys-color-surface-container-highest: #313452;
  --md-sys-color-outline: #8E91AA;
  --md-sys-color-outline-variant: #3F4360;
  --md-sys-color-inverse-surface: #E4E4F5;
  --md-sys-color-inverse-on-surface: #2C2F45;
  --md-sys-color-inverse-primary: #B3246A;
  --md-sys-color-scrim: #000000;
  --pair-color-self: #CDB8FF;
  --pair-color-on-self: #2A0F6B;
  --pair-color-partner: #A9ADC6;
  --pair-color-on-partner: #1B1E3A;
  --pair-color-good: #7FDCB4;
  --pair-color-good-container: #133528;
  --pair-color-caution: #F5C66B;
  --pair-color-caution-container: #3D2E0A;
  --pair-color-talk: #E4E4F5;
  --pair-color-talk-container: #2C2F45;
  --pair-color-brand-navy: #101B4D;
  --pair-color-brand-sky: #72D2FF;
  --pair-color-male: #8FA8FF;
  --pair-color-female: #FF8FBF;
  --pair-color-female-text: #FF8FBF;
  --pair-color-axis: #7C80A0;
  --pair-color-layer-quality-container: #2E1B1A;
  --pair-color-layer-quality-accent: #FFA58C;
  --pair-color-on-layer-quality-accent: #3A0E05;
  --pair-color-layer-roles-container: #221B40;
  --pair-color-layer-roles-accent: #C9B6FF;
  --pair-color-on-layer-roles-accent: #2A0F6B;
  --pair-color-layer-spheres-container: #0F2A31;
  --pair-color-layer-spheres-accent: #7FD6E6;
  --pair-color-on-layer-spheres-accent: #00363F;
}

.md-display-large { font: var(--md-sys-typescale-display-large-weight) var(--md-sys-typescale-display-large-size)/var(--md-sys-typescale-display-large-line-height) var(--md-sys-typescale-font); letter-spacing: var(--md-sys-typescale-display-large-tracking); }
.md-display-medium { font: var(--md-sys-typescale-display-medium-weight) var(--md-sys-typescale-display-medium-size)/var(--md-sys-typescale-display-medium-line-height) var(--md-sys-typescale-font); letter-spacing: var(--md-sys-typescale-display-medium-tracking); }
.md-display-small { font: var(--md-sys-typescale-display-small-weight) var(--md-sys-typescale-display-small-size)/var(--md-sys-typescale-display-small-line-height) var(--md-sys-typescale-font); letter-spacing: var(--md-sys-typescale-display-small-tracking); }
.md-headline-large { font: var(--md-sys-typescale-headline-large-weight) var(--md-sys-typescale-headline-large-size)/var(--md-sys-typescale-headline-large-line-height) var(--md-sys-typescale-font); letter-spacing: var(--md-sys-typescale-headline-large-tracking); }
.md-headline-medium { font: var(--md-sys-typescale-headline-medium-weight) var(--md-sys-typescale-headline-medium-size)/var(--md-sys-typescale-headline-medium-line-height) var(--md-sys-typescale-font); letter-spacing: var(--md-sys-typescale-headline-medium-tracking); }
.md-headline-small { font: var(--md-sys-typescale-headline-small-weight) var(--md-sys-typescale-headline-small-size)/var(--md-sys-typescale-headline-small-line-height) var(--md-sys-typescale-font); letter-spacing: var(--md-sys-typescale-headline-small-tracking); }
.md-title-large { font: var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size)/var(--md-sys-typescale-title-large-line-height) var(--md-sys-typescale-font); letter-spacing: var(--md-sys-typescale-title-large-tracking); }
.md-title-medium { font: var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size)/var(--md-sys-typescale-title-medium-line-height) var(--md-sys-typescale-font); letter-spacing: var(--md-sys-typescale-title-medium-tracking); }
.md-title-small { font: var(--md-sys-typescale-title-small-weight) var(--md-sys-typescale-title-small-size)/var(--md-sys-typescale-title-small-line-height) var(--md-sys-typescale-font); letter-spacing: var(--md-sys-typescale-title-small-tracking); }
.md-body-large { font: var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size)/var(--md-sys-typescale-body-large-line-height) var(--md-sys-typescale-font); letter-spacing: var(--md-sys-typescale-body-large-tracking); }
.md-body-medium { font: var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size)/var(--md-sys-typescale-body-medium-line-height) var(--md-sys-typescale-font); letter-spacing: var(--md-sys-typescale-body-medium-tracking); }
.md-body-small { font: var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size)/var(--md-sys-typescale-body-small-line-height) var(--md-sys-typescale-font); letter-spacing: var(--md-sys-typescale-body-small-tracking); }
.md-label-large { font: var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-font); letter-spacing: var(--md-sys-typescale-label-large-tracking); }
.md-label-medium { font: var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size)/var(--md-sys-typescale-label-medium-line-height) var(--md-sys-typescale-font); letter-spacing: var(--md-sys-typescale-label-medium-tracking); }
.md-label-small { font: var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size)/var(--md-sys-typescale-label-small-line-height) var(--md-sys-typescale-font); letter-spacing: var(--md-sys-typescale-label-small-tracking); }