@charset "UTF-8";
/*
build: v1.9.0
design-tokens: v1.7.1
*/

@layer ds.theme.size-mode {
:root /* small */ {
  --ds-size-mode-font-size--sm: 1;
}
}

@layer ds.theme.size-mode {
:root /* medium */ {
  --ds-size-mode-font-size--md: 1.125;
}
}

@layer ds.theme.size-mode {
:root /* large */ {
  --ds-size-mode-font-size--lg: 1.3125;
}
}

@layer ds.theme.size-mode {
:root, [data-size] {
  --ds-size: var(--ds-size--md);
  --ds-size--sm: var(--ds-size,);
  --ds-size--md: var(--ds-size,);
  --ds-size--lg: var(--ds-size,);
  --ds-size-mode-font-size:
    var(--ds-size--sm, var(--ds-size-mode-font-size--sm))
    var(--ds-size--md, var(--ds-size-mode-font-size--md))
    var(--ds-size--lg, var(--ds-size-mode-font-size--lg));
}

[data-size='sm'] { --ds-size: var(--ds-size--sm); }
[data-size='md'] { --ds-size: var(--ds-size--md); }
[data-size='lg'] { --ds-size: var(--ds-size--lg); }
}

@layer ds.theme.type-scale {
:root, [data-size] {
  --_ds-font-size-factor: calc(var(--ds-size-mode-font-size) / (var(--ds-size-base) / 16));
  --ds-font-size-1: calc(0.75rem * var(--_ds-font-size-factor));
  --ds-font-size-2: calc(0.875rem * var(--_ds-font-size-factor));
  --ds-font-size-3: calc(1rem * var(--_ds-font-size-factor));
  --ds-font-size-4: calc(1.125rem * var(--_ds-font-size-factor));
  --ds-font-size-5: calc(1.3125rem * var(--_ds-font-size-factor));
  --ds-font-size-6: calc(1.5rem * var(--_ds-font-size-factor));
  --ds-font-size-7: calc(1.875rem * var(--_ds-font-size-factor));
  --ds-font-size-8: calc(2.25rem * var(--_ds-font-size-factor));
  --ds-font-size-9: calc(3rem * var(--_ds-font-size-factor));
  --ds-font-size-10: calc(3.75rem * var(--_ds-font-size-factor));
  --ds-heading-2xl-font-size: var(--ds-font-size-10);
  --ds-heading-xl-font-size: var(--ds-font-size-9);
  --ds-heading-lg-font-size: var(--ds-font-size-8);
  --ds-heading-md-font-size: var(--ds-font-size-7);
  --ds-heading-sm-font-size: var(--ds-font-size-6);
  --ds-heading-xs-font-size: var(--ds-font-size-5);
  --ds-heading-2xs-font-size: var(--ds-font-size-4);
  --ds-body-xl-font-size: var(--ds-font-size-6);
  --ds-body-lg-font-size: var(--ds-font-size-5);
  --ds-body-md-font-size: var(--ds-font-size-4);
  --ds-body-sm-font-size: var(--ds-font-size-3);
  --ds-body-xs-font-size: var(--ds-font-size-2);
  --ds-body-short-xl-font-size: var(--ds-font-size-6);
  --ds-body-short-lg-font-size: var(--ds-font-size-5);
  --ds-body-short-md-font-size: var(--ds-font-size-4);
  --ds-body-short-sm-font-size: var(--ds-font-size-3);
  --ds-body-short-xs-font-size: var(--ds-font-size-2);
  --ds-body-long-xl-font-size: var(--ds-font-size-6);
  --ds-body-long-lg-font-size: var(--ds-font-size-5);
  --ds-body-long-md-font-size: var(--ds-font-size-4);
  --ds-body-long-sm-font-size: var(--ds-font-size-3);
  --ds-body-long-xs-font-size: var(--ds-font-size-2);

  @supports (width: round(down, .1em, 1px)) {
    --ds-font-size-1: round(calc(0.75rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-2: round(calc(0.875rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-3: round(calc(1rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-4: round(calc(1.125rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-5: round(calc(1.3125rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-6: round(calc(1.5rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-7: round(calc(1.875rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-8: round(calc(2.25rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-9: round(calc(3rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-10: round(calc(3.75rem * var(--_ds-font-size-factor)), 1px);
  }
}
}
@layer ds.theme.color-scheme.light {
:root, [data-color-scheme="light"] {
  --ds-color-primary-color-red-background-default: #ffffff;
  --ds-color-primary-color-red-background-tinted: #fcf1f0;
  --ds-color-primary-color-red-surface-default: #ffffff;
  --ds-color-primary-color-red-surface-tinted: #fae4e2;
  --ds-color-primary-color-red-surface-hover: #f6d2cf;
  --ds-color-primary-color-red-surface-active: #f2bdb9;
  --ds-color-primary-color-red-border-subtle: #eeaba6;
  --ds-color-primary-color-red-border-default: #da4236;
  --ds-color-primary-color-red-border-strong: #b42419;
  --ds-color-primary-color-red-text-subtle: #b42419;
  --ds-color-primary-color-red-text-default: #57110c;
  --ds-color-primary-color-red-base-default: #D52B1E;
  --ds-color-primary-color-red-base-hover: #b12419;
  --ds-color-primary-color-red-base-active: #8e1d14;
  --ds-color-primary-color-red-base-contrast-subtle: #fdf4f4;
  --ds-color-primary-color-red-base-contrast-default: #ffffff;
  --ds-color-secondary-color-orange-background-default: #ffffff;
  --ds-color-secondary-color-orange-background-tinted: #fdf1ed;
  --ds-color-secondary-color-orange-surface-default: #ffffff;
  --ds-color-secondary-color-orange-surface-tinted: #fce4dc;
  --ds-color-secondary-color-orange-surface-hover: #f9d1c4;
  --ds-color-secondary-color-orange-surface-active: #f7bdaa;
  --ds-color-secondary-color-orange-border-subtle: #f4aa91;
  --ds-color-secondary-color-orange-border-default: #cf4f25;
  --ds-color-secondary-color-orange-border-strong: #a03e1d;
  --ds-color-secondary-color-orange-text-subtle: #a03e1d;
  --ds-color-secondary-color-orange-text-default: #4c1d0e;
  --ds-color-secondary-color-orange-base-default: #EA5A2A;
  --ds-color-secondary-color-orange-base-hover: #ef7f5a;
  --ds-color-secondary-color-orange-base-active: #f39e82;
  --ds-color-secondary-color-orange-base-contrast-subtle: #270f07;
  --ds-color-secondary-color-orange-base-contrast-default: #000000;
  --ds-color-secondary-color-rust-background-default: #ffffff;
  --ds-color-secondary-color-rust-background-tinted: #f9f2f2;
  --ds-color-secondary-color-rust-surface-default: #ffffff;
  --ds-color-secondary-color-rust-surface-tinted: #f3e5e6;
  --ds-color-secondary-color-rust-surface-hover: #ecd5d5;
  --ds-color-secondary-color-rust-surface-active: #e3c2c3;
  --ds-color-secondary-color-rust-border-subtle: #dcb1b2;
  --ds-color-secondary-color-rust-border-default: #b65f61;
  --ds-color-secondary-color-rust-border-strong: #a5373a;
  --ds-color-secondary-color-rust-text-subtle: #a5373a;
  --ds-color-secondary-color-rust-text-default: #590e0f;
  --ds-color-secondary-color-rust-base-default: #96171A;
  --ds-color-secondary-color-rust-base-hover: #731214;
  --ds-color-secondary-color-rust-base-active: #520d0e;
  --ds-color-secondary-color-rust-base-contrast-subtle: #f4e6e6;
  --ds-color-secondary-color-rust-base-contrast-default: #ffffff;
  --ds-color-secondary-color-pink-background-default: #ffffff;
  --ds-color-secondary-color-pink-background-tinted: #fef0f1;
  --ds-color-secondary-color-pink-surface-default: #ffffff;
  --ds-color-secondary-color-pink-surface-tinted: #fce2e4;
  --ds-color-secondary-color-pink-surface-hover: #fbd0d3;
  --ds-color-secondary-color-pink-surface-active: #f9babf;
  --ds-color-secondary-color-pink-border-subtle: #f7a6ac;
  --ds-color-secondary-color-pink-border-default: #c6545c;
  --ds-color-secondary-color-pink-border-strong: #994147;
  --ds-color-secondary-color-pink-text-subtle: #994147;
  --ds-color-secondary-color-pink-text-default: #481f22;
  --ds-color-secondary-color-pink-base-default: #F16670;
  --ds-color-secondary-color-pink-base-hover: #f48a92;
  --ds-color-secondary-color-pink-base-active: #f7aaaf;
  --ds-color-secondary-color-pink-base-contrast-subtle: #070303;
  --ds-color-secondary-color-pink-base-contrast-default: #000000;
  --ds-color-additional-color-ocean-background-default: #ffffff;
  --ds-color-additional-color-ocean-background-tinted: #f2f4f5;
  --ds-color-additional-color-ocean-surface-default: #ffffff;
  --ds-color-additional-color-ocean-surface-tinted: #e5e9ec;
  --ds-color-additional-color-ocean-surface-hover: #d4dbe0;
  --ds-color-additional-color-ocean-surface-active: #c1cbd3;
  --ds-color-additional-color-ocean-border-subtle: #b0bdc7;
  --ds-color-additional-color-ocean-border-default: #627c90;
  --ds-color-additional-color-ocean-border-strong: #416178;
  --ds-color-additional-color-ocean-text-subtle: #416178;
  --ds-color-additional-color-ocean-text-default: #1c2d3a;
  --ds-color-additional-color-ocean-base-default: #355770;
  --ds-color-additional-color-ocean-base-hover: #294457;
  --ds-color-additional-color-ocean-base-active: #1e313f;
  --ds-color-additional-color-ocean-base-contrast-subtle: #f0f2f4;
  --ds-color-additional-color-ocean-base-contrast-default: #ffffff;
  --ds-color-additional-color-jungle-background-default: #ffffff;
  --ds-color-additional-color-jungle-background-tinted: #f3f4f0;
  --ds-color-additional-color-jungle-surface-default: #ffffff;
  --ds-color-additional-color-jungle-surface-tinted: #e8e9e1;
  --ds-color-additional-color-jungle-surface-hover: #d9dbce;
  --ds-color-additional-color-jungle-surface-active: #c9ccb8;
  --ds-color-additional-color-jungle-border-subtle: #bbbea5;
  --ds-color-additional-color-jungle-border-default: #767d4b;
  --ds-color-additional-color-jungle-border-strong: #5b6134;
  --ds-color-additional-color-jungle-text-subtle: #5b6134;
  --ds-color-additional-color-jungle-text-default: #2a2d18;
  --ds-color-additional-color-jungle-base-default: #6C733E;
  --ds-color-additional-color-jungle-base-hover: #595f33;
  --ds-color-additional-color-jungle-base-active: #464b28;
  --ds-color-additional-color-jungle-base-contrast-subtle: #f5f5f2;
  --ds-color-additional-color-jungle-base-contrast-default: #ffffff;
  --ds-color-neutral-background-default: #ffffff;
  --ds-color-neutral-background-tinted: #f3f3f3;
  --ds-color-neutral-surface-default: #ffffff;
  --ds-color-neutral-surface-tinted: #e8e8e8;
  --ds-color-neutral-surface-hover: #dadada;
  --ds-color-neutral-surface-active: #cacaca;
  --ds-color-neutral-border-subtle: #bcbcbc;
  --ds-color-neutral-border-default: #797979;
  --ds-color-neutral-border-strong: #5d5d5d;
  --ds-color-neutral-text-subtle: #5d5d5d;
  --ds-color-neutral-text-default: #2b2b2b;
  --ds-color-neutral-base-default: #1E1E1E;
  --ds-color-neutral-base-hover: #2f2f2f;
  --ds-color-neutral-base-active: #404040;
  --ds-color-neutral-base-contrast-subtle: #aeaeae;
  --ds-color-neutral-base-contrast-default: #ffffff;
  --ds-color-info-background-default: #ffffff;
  --ds-color-info-background-tinted: #edf5fa;
  --ds-color-info-surface-default: #ffffff;
  --ds-color-info-surface-tinted: #dcebf6;
  --ds-color-info-surface-hover: #c5ddf0;
  --ds-color-info-surface-active: #abcfe9;
  --ds-color-info-border-subtle: #94c1e3;
  --ds-color-info-border-default: #1f7dc5;
  --ds-color-info-border-strong: #0860a3;
  --ds-color-info-text-subtle: #0860a3;
  --ds-color-info-text-default: #042d4d;
  --ds-color-info-base-default: #0A71C0;
  --ds-color-info-base-hover: #085d9f;
  --ds-color-info-base-active: #074a7e;
  --ds-color-info-base-contrast-subtle: #eff6fb;
  --ds-color-info-base-contrast-default: #ffffff;
  --ds-color-success-background-default: #ffffff;
  --ds-color-success-background-tinted: #ecf6ee;
  --ds-color-success-surface-default: #ffffff;
  --ds-color-success-surface-tinted: #daeddd;
  --ds-color-success-surface-hover: #c3e2c7;
  --ds-color-success-surface-active: #a8d5ae;
  --ds-color-success-border-subtle: #8fc997;
  --ds-color-success-border-default: #108c22;
  --ds-color-success-border-strong: #056d13;
  --ds-color-success-text-subtle: #056d13;
  --ds-color-success-text-default: #023409;
  --ds-color-success-base-default: #068718;
  --ds-color-success-base-hover: #057014;
  --ds-color-success-base-active: #045a10;
  --ds-color-success-base-contrast-subtle: #fafdfb;
  --ds-color-success-base-contrast-default: #ffffff;
  --ds-color-warning-background-default: #ffffff;
  --ds-color-warning-background-tinted: #fcf2e2;
  --ds-color-warning-surface-default: #ffffff;
  --ds-color-warning-surface-tinted: #fae6c6;
  --ds-color-warning-surface-hover: #f6d5a0;
  --ds-color-warning-surface-active: #f2c275;
  --ds-color-warning-border-subtle: #eeb04c;
  --ds-color-warning-border-default: #a56d13;
  --ds-color-warning-border-strong: #80540f;
  --ds-color-warning-text-subtle: #80540f;
  --ds-color-warning-text-default: #3c2807;
  --ds-color-warning-base-default: #EA9B1B;
  --ds-color-warning-base-hover: #cd8818;
  --ds-color-warning-base-active: #b27614;
  --ds-color-warning-base-contrast-subtle: #271a04;
  --ds-color-warning-base-contrast-default: #000000;
  --ds-color-danger-background-default: #ffffff;
  --ds-color-danger-background-tinted: #fbf1f1;
  --ds-color-danger-surface-default: #ffffff;
  --ds-color-danger-surface-tinted: #f8e4e4;
  --ds-color-danger-surface-hover: #f3d2d2;
  --ds-color-danger-surface-active: #edbfbf;
  --ds-color-danger-border-subtle: #e8adad;
  --ds-color-danger-border-default: #ce4d4d;
  --ds-color-danger-border-strong: #b81a1a;
  --ds-color-danger-text-subtle: #b81a1a;
  --ds-color-danger-text-default: #590d0d;
  --ds-color-danger-base-default: #C01B1B;
  --ds-color-danger-base-hover: #9b1616;
  --ds-color-danger-base-active: #791111;
  --ds-color-danger-base-contrast-subtle: #f7e1e1;
  --ds-color-danger-base-contrast-default: #ffffff;
  --ds-color-focus-inner: #ffffff;
  --ds-color-focus-outer: #2b2b2b;
  --ds-link-color-visited: #663299;

  color-scheme: light;
}
 
@media (prefers-color-scheme: light) {
  [data-color-scheme="auto"] {
  --ds-color-primary-color-red-background-default: #ffffff;
  --ds-color-primary-color-red-background-tinted: #fcf1f0;
  --ds-color-primary-color-red-surface-default: #ffffff;
  --ds-color-primary-color-red-surface-tinted: #fae4e2;
  --ds-color-primary-color-red-surface-hover: #f6d2cf;
  --ds-color-primary-color-red-surface-active: #f2bdb9;
  --ds-color-primary-color-red-border-subtle: #eeaba6;
  --ds-color-primary-color-red-border-default: #da4236;
  --ds-color-primary-color-red-border-strong: #b42419;
  --ds-color-primary-color-red-text-subtle: #b42419;
  --ds-color-primary-color-red-text-default: #57110c;
  --ds-color-primary-color-red-base-default: #D52B1E;
  --ds-color-primary-color-red-base-hover: #b12419;
  --ds-color-primary-color-red-base-active: #8e1d14;
  --ds-color-primary-color-red-base-contrast-subtle: #fdf4f4;
  --ds-color-primary-color-red-base-contrast-default: #ffffff;
  --ds-color-secondary-color-orange-background-default: #ffffff;
  --ds-color-secondary-color-orange-background-tinted: #fdf1ed;
  --ds-color-secondary-color-orange-surface-default: #ffffff;
  --ds-color-secondary-color-orange-surface-tinted: #fce4dc;
  --ds-color-secondary-color-orange-surface-hover: #f9d1c4;
  --ds-color-secondary-color-orange-surface-active: #f7bdaa;
  --ds-color-secondary-color-orange-border-subtle: #f4aa91;
  --ds-color-secondary-color-orange-border-default: #cf4f25;
  --ds-color-secondary-color-orange-border-strong: #a03e1d;
  --ds-color-secondary-color-orange-text-subtle: #a03e1d;
  --ds-color-secondary-color-orange-text-default: #4c1d0e;
  --ds-color-secondary-color-orange-base-default: #EA5A2A;
  --ds-color-secondary-color-orange-base-hover: #ef7f5a;
  --ds-color-secondary-color-orange-base-active: #f39e82;
  --ds-color-secondary-color-orange-base-contrast-subtle: #270f07;
  --ds-color-secondary-color-orange-base-contrast-default: #000000;
  --ds-color-secondary-color-rust-background-default: #ffffff;
  --ds-color-secondary-color-rust-background-tinted: #f9f2f2;
  --ds-color-secondary-color-rust-surface-default: #ffffff;
  --ds-color-secondary-color-rust-surface-tinted: #f3e5e6;
  --ds-color-secondary-color-rust-surface-hover: #ecd5d5;
  --ds-color-secondary-color-rust-surface-active: #e3c2c3;
  --ds-color-secondary-color-rust-border-subtle: #dcb1b2;
  --ds-color-secondary-color-rust-border-default: #b65f61;
  --ds-color-secondary-color-rust-border-strong: #a5373a;
  --ds-color-secondary-color-rust-text-subtle: #a5373a;
  --ds-color-secondary-color-rust-text-default: #590e0f;
  --ds-color-secondary-color-rust-base-default: #96171A;
  --ds-color-secondary-color-rust-base-hover: #731214;
  --ds-color-secondary-color-rust-base-active: #520d0e;
  --ds-color-secondary-color-rust-base-contrast-subtle: #f4e6e6;
  --ds-color-secondary-color-rust-base-contrast-default: #ffffff;
  --ds-color-secondary-color-pink-background-default: #ffffff;
  --ds-color-secondary-color-pink-background-tinted: #fef0f1;
  --ds-color-secondary-color-pink-surface-default: #ffffff;
  --ds-color-secondary-color-pink-surface-tinted: #fce2e4;
  --ds-color-secondary-color-pink-surface-hover: #fbd0d3;
  --ds-color-secondary-color-pink-surface-active: #f9babf;
  --ds-color-secondary-color-pink-border-subtle: #f7a6ac;
  --ds-color-secondary-color-pink-border-default: #c6545c;
  --ds-color-secondary-color-pink-border-strong: #994147;
  --ds-color-secondary-color-pink-text-subtle: #994147;
  --ds-color-secondary-color-pink-text-default: #481f22;
  --ds-color-secondary-color-pink-base-default: #F16670;
  --ds-color-secondary-color-pink-base-hover: #f48a92;
  --ds-color-secondary-color-pink-base-active: #f7aaaf;
  --ds-color-secondary-color-pink-base-contrast-subtle: #070303;
  --ds-color-secondary-color-pink-base-contrast-default: #000000;
  --ds-color-additional-color-ocean-background-default: #ffffff;
  --ds-color-additional-color-ocean-background-tinted: #f2f4f5;
  --ds-color-additional-color-ocean-surface-default: #ffffff;
  --ds-color-additional-color-ocean-surface-tinted: #e5e9ec;
  --ds-color-additional-color-ocean-surface-hover: #d4dbe0;
  --ds-color-additional-color-ocean-surface-active: #c1cbd3;
  --ds-color-additional-color-ocean-border-subtle: #b0bdc7;
  --ds-color-additional-color-ocean-border-default: #627c90;
  --ds-color-additional-color-ocean-border-strong: #416178;
  --ds-color-additional-color-ocean-text-subtle: #416178;
  --ds-color-additional-color-ocean-text-default: #1c2d3a;
  --ds-color-additional-color-ocean-base-default: #355770;
  --ds-color-additional-color-ocean-base-hover: #294457;
  --ds-color-additional-color-ocean-base-active: #1e313f;
  --ds-color-additional-color-ocean-base-contrast-subtle: #f0f2f4;
  --ds-color-additional-color-ocean-base-contrast-default: #ffffff;
  --ds-color-additional-color-jungle-background-default: #ffffff;
  --ds-color-additional-color-jungle-background-tinted: #f3f4f0;
  --ds-color-additional-color-jungle-surface-default: #ffffff;
  --ds-color-additional-color-jungle-surface-tinted: #e8e9e1;
  --ds-color-additional-color-jungle-surface-hover: #d9dbce;
  --ds-color-additional-color-jungle-surface-active: #c9ccb8;
  --ds-color-additional-color-jungle-border-subtle: #bbbea5;
  --ds-color-additional-color-jungle-border-default: #767d4b;
  --ds-color-additional-color-jungle-border-strong: #5b6134;
  --ds-color-additional-color-jungle-text-subtle: #5b6134;
  --ds-color-additional-color-jungle-text-default: #2a2d18;
  --ds-color-additional-color-jungle-base-default: #6C733E;
  --ds-color-additional-color-jungle-base-hover: #595f33;
  --ds-color-additional-color-jungle-base-active: #464b28;
  --ds-color-additional-color-jungle-base-contrast-subtle: #f5f5f2;
  --ds-color-additional-color-jungle-base-contrast-default: #ffffff;
  --ds-color-neutral-background-default: #ffffff;
  --ds-color-neutral-background-tinted: #f3f3f3;
  --ds-color-neutral-surface-default: #ffffff;
  --ds-color-neutral-surface-tinted: #e8e8e8;
  --ds-color-neutral-surface-hover: #dadada;
  --ds-color-neutral-surface-active: #cacaca;
  --ds-color-neutral-border-subtle: #bcbcbc;
  --ds-color-neutral-border-default: #797979;
  --ds-color-neutral-border-strong: #5d5d5d;
  --ds-color-neutral-text-subtle: #5d5d5d;
  --ds-color-neutral-text-default: #2b2b2b;
  --ds-color-neutral-base-default: #1E1E1E;
  --ds-color-neutral-base-hover: #2f2f2f;
  --ds-color-neutral-base-active: #404040;
  --ds-color-neutral-base-contrast-subtle: #aeaeae;
  --ds-color-neutral-base-contrast-default: #ffffff;
  --ds-color-info-background-default: #ffffff;
  --ds-color-info-background-tinted: #edf5fa;
  --ds-color-info-surface-default: #ffffff;
  --ds-color-info-surface-tinted: #dcebf6;
  --ds-color-info-surface-hover: #c5ddf0;
  --ds-color-info-surface-active: #abcfe9;
  --ds-color-info-border-subtle: #94c1e3;
  --ds-color-info-border-default: #1f7dc5;
  --ds-color-info-border-strong: #0860a3;
  --ds-color-info-text-subtle: #0860a3;
  --ds-color-info-text-default: #042d4d;
  --ds-color-info-base-default: #0A71C0;
  --ds-color-info-base-hover: #085d9f;
  --ds-color-info-base-active: #074a7e;
  --ds-color-info-base-contrast-subtle: #eff6fb;
  --ds-color-info-base-contrast-default: #ffffff;
  --ds-color-success-background-default: #ffffff;
  --ds-color-success-background-tinted: #ecf6ee;
  --ds-color-success-surface-default: #ffffff;
  --ds-color-success-surface-tinted: #daeddd;
  --ds-color-success-surface-hover: #c3e2c7;
  --ds-color-success-surface-active: #a8d5ae;
  --ds-color-success-border-subtle: #8fc997;
  --ds-color-success-border-default: #108c22;
  --ds-color-success-border-strong: #056d13;
  --ds-color-success-text-subtle: #056d13;
  --ds-color-success-text-default: #023409;
  --ds-color-success-base-default: #068718;
  --ds-color-success-base-hover: #057014;
  --ds-color-success-base-active: #045a10;
  --ds-color-success-base-contrast-subtle: #fafdfb;
  --ds-color-success-base-contrast-default: #ffffff;
  --ds-color-warning-background-default: #ffffff;
  --ds-color-warning-background-tinted: #fcf2e2;
  --ds-color-warning-surface-default: #ffffff;
  --ds-color-warning-surface-tinted: #fae6c6;
  --ds-color-warning-surface-hover: #f6d5a0;
  --ds-color-warning-surface-active: #f2c275;
  --ds-color-warning-border-subtle: #eeb04c;
  --ds-color-warning-border-default: #a56d13;
  --ds-color-warning-border-strong: #80540f;
  --ds-color-warning-text-subtle: #80540f;
  --ds-color-warning-text-default: #3c2807;
  --ds-color-warning-base-default: #EA9B1B;
  --ds-color-warning-base-hover: #cd8818;
  --ds-color-warning-base-active: #b27614;
  --ds-color-warning-base-contrast-subtle: #271a04;
  --ds-color-warning-base-contrast-default: #000000;
  --ds-color-danger-background-default: #ffffff;
  --ds-color-danger-background-tinted: #fbf1f1;
  --ds-color-danger-surface-default: #ffffff;
  --ds-color-danger-surface-tinted: #f8e4e4;
  --ds-color-danger-surface-hover: #f3d2d2;
  --ds-color-danger-surface-active: #edbfbf;
  --ds-color-danger-border-subtle: #e8adad;
  --ds-color-danger-border-default: #ce4d4d;
  --ds-color-danger-border-strong: #b81a1a;
  --ds-color-danger-text-subtle: #b81a1a;
  --ds-color-danger-text-default: #590d0d;
  --ds-color-danger-base-default: #C01B1B;
  --ds-color-danger-base-hover: #9b1616;
  --ds-color-danger-base-active: #791111;
  --ds-color-danger-base-contrast-subtle: #f7e1e1;
  --ds-color-danger-base-contrast-default: #ffffff;
  --ds-color-focus-inner: #ffffff;
  --ds-color-focus-outer: #2b2b2b;
  --ds-link-color-visited: #663299;

  color-scheme: light;
}

}

}

@layer ds.theme.typography.secondary {
[data-typography="secondary"] {
  --ds-line-height-sm: 1.3;
  --ds-line-height-md: 1.5;
  --ds-line-height-lg: 1.7;
  --ds-letter-spacing-1: -0.01em;
  --ds-letter-spacing-2: -0.005em;
  --ds-letter-spacing-3: -0.0025em;
  --ds-letter-spacing-4: -0.0015em;
  --ds-letter-spacing-5: 0em;
  --ds-letter-spacing-6: 0.0015em;
  --ds-letter-spacing-7: 0.0025em;
  --ds-letter-spacing-8: 0.005em;
  --ds-letter-spacing-9: 0.015em;
  --ds-font-family: Source Sans Pro;
  --ds-font-weight-medium: 500;
  --ds-font-weight-semibold: 700;
  --ds-font-weight-regular: 400;
  --ds-heading-2xl-font-weight: 500;
  --ds-heading-2xl-line-height: 1.3;
  --ds-heading-2xl-letter-spacing: -0.01em;
  --ds-heading-xl-font-weight: 500;
  --ds-heading-xl-line-height: 1.3;
  --ds-heading-xl-letter-spacing: -0.01em;
  --ds-heading-lg-font-weight: 500;
  --ds-heading-lg-line-height: 1.3;
  --ds-heading-lg-letter-spacing: -0.005em;
  --ds-heading-md-font-weight: 500;
  --ds-heading-md-line-height: 1.3;
  --ds-heading-md-letter-spacing: -0.0025em;
  --ds-heading-sm-font-weight: 500;
  --ds-heading-sm-line-height: 1.3;
  --ds-heading-sm-letter-spacing: 0em;
  --ds-heading-xs-font-weight: 500;
  --ds-heading-xs-line-height: 1.3;
  --ds-heading-xs-letter-spacing: 0.0015em;
  --ds-heading-2xs-font-weight: 500;
  --ds-heading-2xs-line-height: 1.3;
  --ds-heading-2xs-letter-spacing: 0.0015em;
  --ds-body-xl-font-weight: 400;
  --ds-body-xl-line-height: 1.5;
  --ds-body-xl-letter-spacing: 0.005em;
  --ds-body-lg-font-weight: 400;
  --ds-body-lg-line-height: 1.5;
  --ds-body-lg-letter-spacing: 0.005em;
  --ds-body-md-font-weight: 400;
  --ds-body-md-line-height: 1.5;
  --ds-body-md-letter-spacing: 0.005em;
  --ds-body-sm-font-weight: 400;
  --ds-body-sm-line-height: 1.5;
  --ds-body-sm-letter-spacing: 0.0025em;
  --ds-body-xs-font-weight: 400;
  --ds-body-xs-line-height: 1.5;
  --ds-body-xs-letter-spacing: 0.0015em;
  --ds-body-short-xl-font-weight: 400;
  --ds-body-short-xl-line-height: 1.3;
  --ds-body-short-xl-letter-spacing: 0.005em;
  --ds-body-short-lg-font-weight: 400;
  --ds-body-short-lg-line-height: 1.3;
  --ds-body-short-lg-letter-spacing: 0.005em;
  --ds-body-short-md-font-weight: 400;
  --ds-body-short-md-line-height: 1.3;
  --ds-body-short-md-letter-spacing: 0.005em;
  --ds-body-short-sm-font-weight: 400;
  --ds-body-short-sm-line-height: 1.3;
  --ds-body-short-sm-letter-spacing: 0.0025em;
  --ds-body-short-xs-font-weight: 400;
  --ds-body-short-xs-line-height: 1.3;
  --ds-body-short-xs-letter-spacing: 0.0015em;
  --ds-body-long-xl-font-weight: 400;
  --ds-body-long-xl-line-height: 1.7;
  --ds-body-long-xl-letter-spacing: 0.005em;
  --ds-body-long-lg-font-weight: 400;
  --ds-body-long-lg-line-height: 1.7;
  --ds-body-long-lg-letter-spacing: 0.005em;
  --ds-body-long-md-font-weight: 400;
  --ds-body-long-md-line-height: 1.7;
  --ds-body-long-md-letter-spacing: 0.005em;
  --ds-body-long-sm-font-weight: 400;
  --ds-body-long-sm-line-height: 1.7;
  --ds-body-long-sm-letter-spacing: 0.0025em;
  --ds-body-long-xs-font-weight: 400;
  --ds-body-long-xs-line-height: 1.7;
  --ds-body-long-xs-letter-spacing: 0.0015em;
}
}
@layer ds.theme.size {
:root, [data-size] {
  --ds-size-base: 18;
  --ds-size-step: 4;

  --ds-size-0: calc(var(--ds-size-unit) * 0);
  --ds-size-1: calc(var(--ds-size-unit) * 1);
  --ds-size-2: calc(var(--ds-size-unit) * 2);
  --ds-size-3: calc(var(--ds-size-unit) * 3);
  --ds-size-4: calc(var(--ds-size-unit) * 4);
  --ds-size-5: calc(var(--ds-size-unit) * 5);
  --ds-size-6: calc(var(--ds-size-unit) * 6);
  --ds-size-7: calc(var(--ds-size-unit) * 7);
  --ds-size-8: calc(var(--ds-size-unit) * 8);
  --ds-size-9: calc(var(--ds-size-unit) * 9);
  --ds-size-10: calc(var(--ds-size-unit) * 10);
  --ds-size-11: calc(var(--ds-size-unit) * 11);
  --ds-size-12: calc(var(--ds-size-unit) * 12);
  --ds-size-13: calc(var(--ds-size-unit) * 13);
  --ds-size-14: calc(var(--ds-size-unit) * 14);
  --ds-size-15: calc(var(--ds-size-unit) * 15);
  --ds-size-18: calc(var(--ds-size-unit) * 18);
  --ds-size-22: calc(var(--ds-size-unit) * 22);
  --ds-size-26: calc(var(--ds-size-unit) * 26);
  --ds-size-30: calc(var(--ds-size-unit) * 30);
  --ds-size-unit: calc(1rem * var(--ds-size-step) / var(--ds-size-base) * var(--ds-size-mode-font-size));

  @supports (width: round(down, .1em, 1px)) {
    --ds-size-0: round(down, calc(var(--ds-size-unit) * 0), 1px);
    --ds-size-1: round(down, calc(var(--ds-size-unit) * 1), 1px);
    --ds-size-2: round(down, calc(var(--ds-size-unit) * 2), 1px);
    --ds-size-3: round(down, calc(var(--ds-size-unit) * 3), 1px);
    --ds-size-4: round(down, calc(var(--ds-size-unit) * 4), 1px);
    --ds-size-5: round(down, calc(var(--ds-size-unit) * 5), 1px);
    --ds-size-6: round(down, calc(var(--ds-size-unit) * 6), 1px);
    --ds-size-7: round(down, calc(var(--ds-size-unit) * 7), 1px);
    --ds-size-8: round(down, calc(var(--ds-size-unit) * 8), 1px);
    --ds-size-9: round(down, calc(var(--ds-size-unit) * 9), 1px);
    --ds-size-10: round(down, calc(var(--ds-size-unit) * 10), 1px);
    --ds-size-11: round(down, calc(var(--ds-size-unit) * 11), 1px);
    --ds-size-12: round(down, calc(var(--ds-size-unit) * 12), 1px);
    --ds-size-13: round(down, calc(var(--ds-size-unit) * 13), 1px);
    --ds-size-14: round(down, calc(var(--ds-size-unit) * 14), 1px);
    --ds-size-15: round(down, calc(var(--ds-size-unit) * 15), 1px);
    --ds-size-18: round(down, calc(var(--ds-size-unit) * 18), 1px);
    --ds-size-22: round(down, calc(var(--ds-size-unit) * 22), 1px);
    --ds-size-26: round(down, calc(var(--ds-size-unit) * 26), 1px);
    --ds-size-30: round(down, calc(var(--ds-size-unit) * 30), 1px);
  }
}

}

@layer ds.theme.semantic {
:root {
  --ds-border-radius-base: 0.25rem;
  --ds-border-radius-scale: 0.25rem;
  --ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
  --ds-border-radius-md: min(var(--ds-border-radius-base),var(--ds-border-radius-scale)*2);
  --ds-border-radius-lg: min(var(--ds-border-radius-base)*2,var(--ds-border-radius-scale)*5);
  --ds-border-radius-xl: min(var(--ds-border-radius-base)*3,var(--ds-border-radius-scale)*7);
  --ds-border-radius-default: var(--ds-border-radius-base);
  --ds-border-radius-full: 624.9375rem;
  --ds-border-width-default: 1px;
  --ds-border-width-focus: 3px;
  --ds-shadow-xs: 0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12);
  --ds-shadow-sm: 0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1);
  --ds-shadow-md: 0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12);
  --ds-shadow-lg: 0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14);
  --ds-shadow-xl: 0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16);
  --ds-opacity-disabled: 30%;
}

}

@layer ds.theme.color-scheme.dark {
[data-color-scheme="dark"] {
  --ds-color-primary-color-red-background-default: #29110e;
  --ds-color-primary-color-red-background-tinted: #351612;
  --ds-color-primary-color-red-surface-default: #431c17;
  --ds-color-primary-color-red-surface-tinted: #4d201b;
  --ds-color-primary-color-red-surface-hover: #59261f;
  --ds-color-primary-color-red-surface-active: #702f27;
  --ds-color-primary-color-red-border-subtle: #85382e;
  --ds-color-primary-color-red-border-default: #c5665a;
  --ds-color-primary-color-red-border-strong: #d89890;
  --ds-color-primary-color-red-text-subtle: #d89890;
  --ds-color-primary-color-red-text-default: #f7e9e8;
  --ds-color-primary-color-red-base-default: #D52B1E;
  --ds-color-primary-color-red-base-hover: #e37168;
  --ds-color-primary-color-red-base-active: #e9928b;
  --ds-color-primary-color-red-base-contrast-subtle: #170807;
  --ds-color-primary-color-red-base-contrast-default: #000000;
  --ds-color-secondary-color-orange-background-default: #25130e;
  --ds-color-secondary-color-orange-background-tinted: #301a13;
  --ds-color-secondary-color-orange-surface-default: #3d2017;
  --ds-color-secondary-color-orange-surface-tinted: #46251b;
  --ds-color-secondary-color-orange-surface-hover: #512b1f;
  --ds-color-secondary-color-orange-surface-active: #663627;
  --ds-color-secondary-color-orange-border-subtle: #79412f;
  --ds-color-secondary-color-orange-border-default: #c3684b;
  --ds-color-secondary-color-orange-border-strong: #de9680;
  --ds-color-secondary-color-orange-text-subtle: #de9680;
  --ds-color-secondary-color-orange-text-default: #f8e9e4;
  --ds-color-secondary-color-orange-base-default: #ad431f;
  --ds-color-secondary-color-orange-base-hover: #8d3619;
  --ds-color-secondary-color-orange-base-active: #6f2b14;
  --ds-color-secondary-color-orange-base-contrast-subtle: #f5e7e3;
  --ds-color-secondary-color-orange-base-contrast-default: #ffffff;
  --ds-color-secondary-color-rust-background-default: #2a100f;
  --ds-color-secondary-color-rust-background-tinted: #371513;
  --ds-color-secondary-color-rust-surface-default: #451b18;
  --ds-color-secondary-color-rust-surface-tinted: #4f1f1c;
  --ds-color-secondary-color-rust-surface-hover: #5c2320;
  --ds-color-secondary-color-rust-surface-active: #732c28;
  --ds-color-secondary-color-rust-border-subtle: #863732;
  --ds-color-secondary-color-rust-border-default: #ab736f;
  --ds-color-secondary-color-rust-border-strong: #c59f9c;
  --ds-color-secondary-color-rust-text-subtle: #c59f9c;
  --ds-color-secondary-color-rust-text-default: #f3eaea;
  --ds-color-secondary-color-rust-base-default: #d09798;
  --ds-color-secondary-color-rust-base-hover: #c47d7f;
  --ds-color-secondary-color-rust-base-active: #b86264;
  --ds-color-secondary-color-rust-base-contrast-subtle: #1d1515;
  --ds-color-secondary-color-rust-base-contrast-default: #000000;
  --ds-color-secondary-color-pink-background-default: #231414;
  --ds-color-secondary-color-pink-background-tinted: #2e1a1b;
  --ds-color-secondary-color-pink-surface-default: #3a2122;
  --ds-color-secondary-color-pink-surface-tinted: #432626;
  --ds-color-secondary-color-pink-surface-hover: #4e2c2d;
  --ds-color-secondary-color-pink-surface-active: #623738;
  --ds-color-secondary-color-pink-border-subtle: #754143;
  --ds-color-secondary-color-pink-border-default: #bc696c;
  --ds-color-secondary-color-pink-border-strong: #e19395;
  --ds-color-secondary-color-pink-text-subtle: #e19395;
  --ds-color-secondary-color-pink-text-default: #f9e9e9;
  --ds-color-secondary-color-pink-base-default: #974046;
  --ds-color-secondary-color-pink-base-hover: #783338;
  --ds-color-secondary-color-pink-base-active: #5b272a;
  --ds-color-secondary-color-pink-base-contrast-subtle: #fdfcfc;
  --ds-color-secondary-color-pink-base-contrast-default: #ffffff;
  --ds-color-additional-color-ocean-background-default: #12191e;
  --ds-color-additional-color-ocean-background-tinted: #182127;
  --ds-color-additional-color-ocean-surface-default: #1e2931;
  --ds-color-additional-color-ocean-surface-tinted: #232f39;
  --ds-color-additional-color-ocean-surface-hover: #283742;
  --ds-color-additional-color-ocean-surface-active: #334553;
  --ds-color-additional-color-ocean-border-subtle: #3d5363;
  --ds-color-additional-color-ocean-border-default: #738390;
  --ds-color-additional-color-ocean-border-strong: #9ea9b2;
  --ds-color-additional-color-ocean-text-subtle: #9ea9b2;
  --ds-color-additional-color-ocean-text-default: #eaedee;
  --ds-color-additional-color-ocean-base-default: #8b9fad;
  --ds-color-additional-color-ocean-base-hover: #a5b4bf;
  --ds-color-additional-color-ocean-base-active: #bfcad2;
  --ds-color-additional-color-ocean-base-contrast-subtle: #0d0f11;
  --ds-color-additional-color-ocean-base-contrast-default: #000000;
  --ds-color-additional-color-jungle-background-default: #171911;
  --ds-color-additional-color-jungle-background-tinted: #1f2016;
  --ds-color-additional-color-jungle-surface-default: #27291c;
  --ds-color-additional-color-jungle-surface-tinted: #2d2f20;
  --ds-color-additional-color-jungle-surface-hover: #343726;
  --ds-color-additional-color-jungle-surface-active: #41452f;
  --ds-color-additional-color-jungle-border-subtle: #4e5238;
  --ds-color-additional-color-jungle-border-default: #7f8465;
  --ds-color-additional-color-jungle-border-strong: #a6aa94;
  --ds-color-additional-color-jungle-text-subtle: #a6aa94;
  --ds-color-additional-color-jungle-text-default: #ecede8;
  --ds-color-additional-color-jungle-base-default: #7d8354;
  --ds-color-additional-color-jungle-base-hover: #929870;
  --ds-color-additional-color-jungle-base-active: #a8ac8c;
  --ds-color-additional-color-jungle-base-contrast-subtle: #0c0c08;
  --ds-color-additional-color-jungle-base-contrast-default: #000000;
  --ds-color-neutral-background-default: #181818;
  --ds-color-neutral-background-tinted: #1f1f1f;
  --ds-color-neutral-surface-default: #282828;
  --ds-color-neutral-surface-tinted: #2e2e2e;
  --ds-color-neutral-surface-hover: #353535;
  --ds-color-neutral-surface-active: #434343;
  --ds-color-neutral-border-subtle: #505050;
  --ds-color-neutral-border-default: #818181;
  --ds-color-neutral-border-strong: #a8a8a8;
  --ds-color-neutral-text-subtle: #a8a8a8;
  --ds-color-neutral-text-default: #ececec;
  --ds-color-neutral-base-default: #ababab;
  --ds-color-neutral-base-hover: #969696;
  --ds-color-neutral-base-active: #818181;
  --ds-color-neutral-base-contrast-subtle: #1b1b1b;
  --ds-color-neutral-base-contrast-default: #000000;
  --ds-color-info-background-default: #0d1925;
  --ds-color-info-background-tinted: #112130;
  --ds-color-info-surface-default: #15293d;
  --ds-color-info-surface-tinted: #182f46;
  --ds-color-info-surface-hover: #1c3751;
  --ds-color-info-surface-active: #234566;
  --ds-color-info-border-subtle: #2a537a;
  --ds-color-info-border-default: #5585b4;
  --ds-color-info-border-strong: #8aabcb;
  --ds-color-info-text-subtle: #8aabcb;
  --ds-color-info-text-default: #e6edf4;
  --ds-color-info-base-default: #2d85c9;
  --ds-color-info-base-hover: #519ad2;
  --ds-color-info-base-active: #77b0dc;
  --ds-color-info-base-contrast-subtle: #050e15;
  --ds-color-info-base-contrast-default: #000000;
  --ds-color-success-background-default: #0d1b0d;
  --ds-color-success-background-tinted: #112411;
  --ds-color-success-surface-default: #152d15;
  --ds-color-success-surface-tinted: #183418;
  --ds-color-success-surface-hover: #1c3c1c;
  --ds-color-success-surface-active: #244c24;
  --ds-color-success-border-subtle: #2b5a2b;
  --ds-color-success-border-default: #528f52;
  --ds-color-success-border-strong: #89b289;
  --ds-color-success-text-subtle: #89b289;
  --ds-color-success-text-default: #e6efe6;
  --ds-color-success-base-default: #138d24;
  --ds-color-success-base-hover: #3ca14b;
  --ds-color-success-base-active: #66b571;
  --ds-color-success-base-contrast-subtle: #010501;
  --ds-color-success-base-contrast-default: #000000;
  --ds-color-warning-background-default: #1e160d;
  --ds-color-warning-background-tinted: #281e11;
  --ds-color-warning-surface-default: #322616;
  --ds-color-warning-surface-tinted: #3a2b19;
  --ds-color-warning-surface-hover: #43321d;
  --ds-color-warning-surface-active: #543f24;
  --ds-color-warning-border-subtle: #654b2b;
  --ds-color-warning-border-default: #a37a46;
  --ds-color-warning-border-strong: #d39e5b;
  --ds-color-warning-text-subtle: #d39e5b;
  --ds-color-warning-text-default: #f7ebdb;
  --ds-color-warning-base-default: #60400b;
  --ds-color-warning-base-hover: #7a510e;
  --ds-color-warning-base-active: #946211;
  --ds-color-warning-base-contrast-subtle: #e6e2d9;
  --ds-color-warning-base-contrast-default: #ffffff;
  --ds-color-danger-background-default: #2a100e;
  --ds-color-danger-background-tinted: #371512;
  --ds-color-danger-surface-default: #451b17;
  --ds-color-danger-surface-tinted: #4f1f1b;
  --ds-color-danger-surface-hover: #5c241f;
  --ds-color-danger-surface-active: #722d27;
  --ds-color-danger-border-subtle: #88352e;
  --ds-color-danger-border-default: #bc6b64;
  --ds-color-danger-border-strong: #d19a96;
  --ds-color-danger-text-subtle: #d19a96;
  --ds-color-danger-text-default: #f5eae9;
  --ds-color-danger-base-default: #d76e6e;
  --ds-color-danger-base-hover: #df8b8b;
  --ds-color-danger-base-active: #e7a8a8;
  --ds-color-danger-base-contrast-subtle: #271414;
  --ds-color-danger-base-contrast-default: #000000;
  --ds-color-focus-inner: #181818;
  --ds-color-focus-outer: #ececec;
  --ds-link-color-visited: #b49acd;

  color-scheme: dark;
}
 
@media (prefers-color-scheme: dark) {
  [data-color-scheme="auto"] {
  --ds-color-primary-color-red-background-default: #29110e;
  --ds-color-primary-color-red-background-tinted: #351612;
  --ds-color-primary-color-red-surface-default: #431c17;
  --ds-color-primary-color-red-surface-tinted: #4d201b;
  --ds-color-primary-color-red-surface-hover: #59261f;
  --ds-color-primary-color-red-surface-active: #702f27;
  --ds-color-primary-color-red-border-subtle: #85382e;
  --ds-color-primary-color-red-border-default: #c5665a;
  --ds-color-primary-color-red-border-strong: #d89890;
  --ds-color-primary-color-red-text-subtle: #d89890;
  --ds-color-primary-color-red-text-default: #f7e9e8;
  --ds-color-primary-color-red-base-default: #D52B1E;
  --ds-color-primary-color-red-base-hover: #e37168;
  --ds-color-primary-color-red-base-active: #e9928b;
  --ds-color-primary-color-red-base-contrast-subtle: #170807;
  --ds-color-primary-color-red-base-contrast-default: #000000;
  --ds-color-secondary-color-orange-background-default: #25130e;
  --ds-color-secondary-color-orange-background-tinted: #301a13;
  --ds-color-secondary-color-orange-surface-default: #3d2017;
  --ds-color-secondary-color-orange-surface-tinted: #46251b;
  --ds-color-secondary-color-orange-surface-hover: #512b1f;
  --ds-color-secondary-color-orange-surface-active: #663627;
  --ds-color-secondary-color-orange-border-subtle: #79412f;
  --ds-color-secondary-color-orange-border-default: #c3684b;
  --ds-color-secondary-color-orange-border-strong: #de9680;
  --ds-color-secondary-color-orange-text-subtle: #de9680;
  --ds-color-secondary-color-orange-text-default: #f8e9e4;
  --ds-color-secondary-color-orange-base-default: #ad431f;
  --ds-color-secondary-color-orange-base-hover: #8d3619;
  --ds-color-secondary-color-orange-base-active: #6f2b14;
  --ds-color-secondary-color-orange-base-contrast-subtle: #f5e7e3;
  --ds-color-secondary-color-orange-base-contrast-default: #ffffff;
  --ds-color-secondary-color-rust-background-default: #2a100f;
  --ds-color-secondary-color-rust-background-tinted: #371513;
  --ds-color-secondary-color-rust-surface-default: #451b18;
  --ds-color-secondary-color-rust-surface-tinted: #4f1f1c;
  --ds-color-secondary-color-rust-surface-hover: #5c2320;
  --ds-color-secondary-color-rust-surface-active: #732c28;
  --ds-color-secondary-color-rust-border-subtle: #863732;
  --ds-color-secondary-color-rust-border-default: #ab736f;
  --ds-color-secondary-color-rust-border-strong: #c59f9c;
  --ds-color-secondary-color-rust-text-subtle: #c59f9c;
  --ds-color-secondary-color-rust-text-default: #f3eaea;
  --ds-color-secondary-color-rust-base-default: #d09798;
  --ds-color-secondary-color-rust-base-hover: #c47d7f;
  --ds-color-secondary-color-rust-base-active: #b86264;
  --ds-color-secondary-color-rust-base-contrast-subtle: #1d1515;
  --ds-color-secondary-color-rust-base-contrast-default: #000000;
  --ds-color-secondary-color-pink-background-default: #231414;
  --ds-color-secondary-color-pink-background-tinted: #2e1a1b;
  --ds-color-secondary-color-pink-surface-default: #3a2122;
  --ds-color-secondary-color-pink-surface-tinted: #432626;
  --ds-color-secondary-color-pink-surface-hover: #4e2c2d;
  --ds-color-secondary-color-pink-surface-active: #623738;
  --ds-color-secondary-color-pink-border-subtle: #754143;
  --ds-color-secondary-color-pink-border-default: #bc696c;
  --ds-color-secondary-color-pink-border-strong: #e19395;
  --ds-color-secondary-color-pink-text-subtle: #e19395;
  --ds-color-secondary-color-pink-text-default: #f9e9e9;
  --ds-color-secondary-color-pink-base-default: #974046;
  --ds-color-secondary-color-pink-base-hover: #783338;
  --ds-color-secondary-color-pink-base-active: #5b272a;
  --ds-color-secondary-color-pink-base-contrast-subtle: #fdfcfc;
  --ds-color-secondary-color-pink-base-contrast-default: #ffffff;
  --ds-color-additional-color-ocean-background-default: #12191e;
  --ds-color-additional-color-ocean-background-tinted: #182127;
  --ds-color-additional-color-ocean-surface-default: #1e2931;
  --ds-color-additional-color-ocean-surface-tinted: #232f39;
  --ds-color-additional-color-ocean-surface-hover: #283742;
  --ds-color-additional-color-ocean-surface-active: #334553;
  --ds-color-additional-color-ocean-border-subtle: #3d5363;
  --ds-color-additional-color-ocean-border-default: #738390;
  --ds-color-additional-color-ocean-border-strong: #9ea9b2;
  --ds-color-additional-color-ocean-text-subtle: #9ea9b2;
  --ds-color-additional-color-ocean-text-default: #eaedee;
  --ds-color-additional-color-ocean-base-default: #8b9fad;
  --ds-color-additional-color-ocean-base-hover: #a5b4bf;
  --ds-color-additional-color-ocean-base-active: #bfcad2;
  --ds-color-additional-color-ocean-base-contrast-subtle: #0d0f11;
  --ds-color-additional-color-ocean-base-contrast-default: #000000;
  --ds-color-additional-color-jungle-background-default: #171911;
  --ds-color-additional-color-jungle-background-tinted: #1f2016;
  --ds-color-additional-color-jungle-surface-default: #27291c;
  --ds-color-additional-color-jungle-surface-tinted: #2d2f20;
  --ds-color-additional-color-jungle-surface-hover: #343726;
  --ds-color-additional-color-jungle-surface-active: #41452f;
  --ds-color-additional-color-jungle-border-subtle: #4e5238;
  --ds-color-additional-color-jungle-border-default: #7f8465;
  --ds-color-additional-color-jungle-border-strong: #a6aa94;
  --ds-color-additional-color-jungle-text-subtle: #a6aa94;
  --ds-color-additional-color-jungle-text-default: #ecede8;
  --ds-color-additional-color-jungle-base-default: #7d8354;
  --ds-color-additional-color-jungle-base-hover: #929870;
  --ds-color-additional-color-jungle-base-active: #a8ac8c;
  --ds-color-additional-color-jungle-base-contrast-subtle: #0c0c08;
  --ds-color-additional-color-jungle-base-contrast-default: #000000;
  --ds-color-neutral-background-default: #181818;
  --ds-color-neutral-background-tinted: #1f1f1f;
  --ds-color-neutral-surface-default: #282828;
  --ds-color-neutral-surface-tinted: #2e2e2e;
  --ds-color-neutral-surface-hover: #353535;
  --ds-color-neutral-surface-active: #434343;
  --ds-color-neutral-border-subtle: #505050;
  --ds-color-neutral-border-default: #818181;
  --ds-color-neutral-border-strong: #a8a8a8;
  --ds-color-neutral-text-subtle: #a8a8a8;
  --ds-color-neutral-text-default: #ececec;
  --ds-color-neutral-base-default: #ababab;
  --ds-color-neutral-base-hover: #969696;
  --ds-color-neutral-base-active: #818181;
  --ds-color-neutral-base-contrast-subtle: #1b1b1b;
  --ds-color-neutral-base-contrast-default: #000000;
  --ds-color-info-background-default: #0d1925;
  --ds-color-info-background-tinted: #112130;
  --ds-color-info-surface-default: #15293d;
  --ds-color-info-surface-tinted: #182f46;
  --ds-color-info-surface-hover: #1c3751;
  --ds-color-info-surface-active: #234566;
  --ds-color-info-border-subtle: #2a537a;
  --ds-color-info-border-default: #5585b4;
  --ds-color-info-border-strong: #8aabcb;
  --ds-color-info-text-subtle: #8aabcb;
  --ds-color-info-text-default: #e6edf4;
  --ds-color-info-base-default: #2d85c9;
  --ds-color-info-base-hover: #519ad2;
  --ds-color-info-base-active: #77b0dc;
  --ds-color-info-base-contrast-subtle: #050e15;
  --ds-color-info-base-contrast-default: #000000;
  --ds-color-success-background-default: #0d1b0d;
  --ds-color-success-background-tinted: #112411;
  --ds-color-success-surface-default: #152d15;
  --ds-color-success-surface-tinted: #183418;
  --ds-color-success-surface-hover: #1c3c1c;
  --ds-color-success-surface-active: #244c24;
  --ds-color-success-border-subtle: #2b5a2b;
  --ds-color-success-border-default: #528f52;
  --ds-color-success-border-strong: #89b289;
  --ds-color-success-text-subtle: #89b289;
  --ds-color-success-text-default: #e6efe6;
  --ds-color-success-base-default: #138d24;
  --ds-color-success-base-hover: #3ca14b;
  --ds-color-success-base-active: #66b571;
  --ds-color-success-base-contrast-subtle: #010501;
  --ds-color-success-base-contrast-default: #000000;
  --ds-color-warning-background-default: #1e160d;
  --ds-color-warning-background-tinted: #281e11;
  --ds-color-warning-surface-default: #322616;
  --ds-color-warning-surface-tinted: #3a2b19;
  --ds-color-warning-surface-hover: #43321d;
  --ds-color-warning-surface-active: #543f24;
  --ds-color-warning-border-subtle: #654b2b;
  --ds-color-warning-border-default: #a37a46;
  --ds-color-warning-border-strong: #d39e5b;
  --ds-color-warning-text-subtle: #d39e5b;
  --ds-color-warning-text-default: #f7ebdb;
  --ds-color-warning-base-default: #60400b;
  --ds-color-warning-base-hover: #7a510e;
  --ds-color-warning-base-active: #946211;
  --ds-color-warning-base-contrast-subtle: #e6e2d9;
  --ds-color-warning-base-contrast-default: #ffffff;
  --ds-color-danger-background-default: #2a100e;
  --ds-color-danger-background-tinted: #371512;
  --ds-color-danger-surface-default: #451b17;
  --ds-color-danger-surface-tinted: #4f1f1b;
  --ds-color-danger-surface-hover: #5c241f;
  --ds-color-danger-surface-active: #722d27;
  --ds-color-danger-border-subtle: #88352e;
  --ds-color-danger-border-default: #bc6b64;
  --ds-color-danger-border-strong: #d19a96;
  --ds-color-danger-text-subtle: #d19a96;
  --ds-color-danger-text-default: #f5eae9;
  --ds-color-danger-base-default: #d76e6e;
  --ds-color-danger-base-hover: #df8b8b;
  --ds-color-danger-base-active: #e7a8a8;
  --ds-color-danger-base-contrast-subtle: #271414;
  --ds-color-danger-base-contrast-default: #000000;
  --ds-color-focus-inner: #181818;
  --ds-color-focus-outer: #ececec;
  --ds-link-color-visited: #b49acd;

  color-scheme: dark;
}

}

}

@layer ds.theme.typography.primary {
:root, [data-typography="primary"] {
  --ds-line-height-sm: 1.3;
  --ds-line-height-md: 1.5;
  --ds-line-height-lg: 1.7;
  --ds-letter-spacing-1: -0.01em;
  --ds-letter-spacing-2: -0.005em;
  --ds-letter-spacing-3: -0.0025em;
  --ds-letter-spacing-4: -0.0015em;
  --ds-letter-spacing-5: 0em;
  --ds-letter-spacing-6: 0.0015em;
  --ds-letter-spacing-7: 0.0025em;
  --ds-letter-spacing-8: 0.005em;
  --ds-letter-spacing-9: 0.015em;
  --ds-font-family: Source Sans Pro;
  --ds-font-weight-medium: 500;
  --ds-font-weight-semibold: 700;
  --ds-font-weight-regular: 400;
  --ds-heading-2xl-font-weight: 500;
  --ds-heading-2xl-line-height: 1.3;
  --ds-heading-2xl-letter-spacing: -0.01em;
  --ds-heading-xl-font-weight: 500;
  --ds-heading-xl-line-height: 1.3;
  --ds-heading-xl-letter-spacing: -0.01em;
  --ds-heading-lg-font-weight: 500;
  --ds-heading-lg-line-height: 1.3;
  --ds-heading-lg-letter-spacing: -0.005em;
  --ds-heading-md-font-weight: 500;
  --ds-heading-md-line-height: 1.3;
  --ds-heading-md-letter-spacing: -0.0025em;
  --ds-heading-sm-font-weight: 500;
  --ds-heading-sm-line-height: 1.3;
  --ds-heading-sm-letter-spacing: 0em;
  --ds-heading-xs-font-weight: 500;
  --ds-heading-xs-line-height: 1.3;
  --ds-heading-xs-letter-spacing: 0.0015em;
  --ds-heading-2xs-font-weight: 500;
  --ds-heading-2xs-line-height: 1.3;
  --ds-heading-2xs-letter-spacing: 0.0015em;
  --ds-body-xl-font-weight: 400;
  --ds-body-xl-line-height: 1.5;
  --ds-body-xl-letter-spacing: 0.005em;
  --ds-body-lg-font-weight: 400;
  --ds-body-lg-line-height: 1.5;
  --ds-body-lg-letter-spacing: 0.005em;
  --ds-body-md-font-weight: 400;
  --ds-body-md-line-height: 1.5;
  --ds-body-md-letter-spacing: 0.005em;
  --ds-body-sm-font-weight: 400;
  --ds-body-sm-line-height: 1.5;
  --ds-body-sm-letter-spacing: 0.0025em;
  --ds-body-xs-font-weight: 400;
  --ds-body-xs-line-height: 1.5;
  --ds-body-xs-letter-spacing: 0.0015em;
  --ds-body-short-xl-font-weight: 400;
  --ds-body-short-xl-line-height: 1.3;
  --ds-body-short-xl-letter-spacing: 0.005em;
  --ds-body-short-lg-font-weight: 400;
  --ds-body-short-lg-line-height: 1.3;
  --ds-body-short-lg-letter-spacing: 0.005em;
  --ds-body-short-md-font-weight: 400;
  --ds-body-short-md-line-height: 1.3;
  --ds-body-short-md-letter-spacing: 0.005em;
  --ds-body-short-sm-font-weight: 400;
  --ds-body-short-sm-line-height: 1.3;
  --ds-body-short-sm-letter-spacing: 0.0025em;
  --ds-body-short-xs-font-weight: 400;
  --ds-body-short-xs-line-height: 1.3;
  --ds-body-short-xs-letter-spacing: 0.0015em;
  --ds-body-long-xl-font-weight: 400;
  --ds-body-long-xl-line-height: 1.7;
  --ds-body-long-xl-letter-spacing: 0.005em;
  --ds-body-long-lg-font-weight: 400;
  --ds-body-long-lg-line-height: 1.7;
  --ds-body-long-lg-letter-spacing: 0.005em;
  --ds-body-long-md-font-weight: 400;
  --ds-body-long-md-line-height: 1.7;
  --ds-body-long-md-letter-spacing: 0.005em;
  --ds-body-long-sm-font-weight: 400;
  --ds-body-long-sm-line-height: 1.7;
  --ds-body-long-sm-letter-spacing: 0.0025em;
  --ds-body-long-xs-font-weight: 400;
  --ds-body-long-xs-line-height: 1.7;
  --ds-body-long-xs-letter-spacing: 0.0015em;
}
}
@layer ds.theme.color {
[data-color="additional-color-jungle"], [data-color-scheme][data-color="additional-color-jungle"] {
  --ds-color-background-default: var(--ds-color-additional-color-jungle-background-default);
  --ds-color-background-tinted: var(--ds-color-additional-color-jungle-background-tinted);
  --ds-color-surface-default: var(--ds-color-additional-color-jungle-surface-default);
  --ds-color-surface-tinted: var(--ds-color-additional-color-jungle-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-additional-color-jungle-surface-hover);
  --ds-color-surface-active: var(--ds-color-additional-color-jungle-surface-active);
  --ds-color-border-subtle: var(--ds-color-additional-color-jungle-border-subtle);
  --ds-color-border-default: var(--ds-color-additional-color-jungle-border-default);
  --ds-color-border-strong: var(--ds-color-additional-color-jungle-border-strong);
  --ds-color-text-subtle: var(--ds-color-additional-color-jungle-text-subtle);
  --ds-color-text-default: var(--ds-color-additional-color-jungle-text-default);
  --ds-color-base-default: var(--ds-color-additional-color-jungle-base-default);
  --ds-color-base-hover: var(--ds-color-additional-color-jungle-base-hover);
  --ds-color-base-active: var(--ds-color-additional-color-jungle-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-additional-color-jungle-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-additional-color-jungle-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="additional-color-ocean"], [data-color-scheme][data-color="additional-color-ocean"] {
  --ds-color-background-default: var(--ds-color-additional-color-ocean-background-default);
  --ds-color-background-tinted: var(--ds-color-additional-color-ocean-background-tinted);
  --ds-color-surface-default: var(--ds-color-additional-color-ocean-surface-default);
  --ds-color-surface-tinted: var(--ds-color-additional-color-ocean-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-additional-color-ocean-surface-hover);
  --ds-color-surface-active: var(--ds-color-additional-color-ocean-surface-active);
  --ds-color-border-subtle: var(--ds-color-additional-color-ocean-border-subtle);
  --ds-color-border-default: var(--ds-color-additional-color-ocean-border-default);
  --ds-color-border-strong: var(--ds-color-additional-color-ocean-border-strong);
  --ds-color-text-subtle: var(--ds-color-additional-color-ocean-text-subtle);
  --ds-color-text-default: var(--ds-color-additional-color-ocean-text-default);
  --ds-color-base-default: var(--ds-color-additional-color-ocean-base-default);
  --ds-color-base-hover: var(--ds-color-additional-color-ocean-base-hover);
  --ds-color-base-active: var(--ds-color-additional-color-ocean-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-additional-color-ocean-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-additional-color-ocean-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="danger"], [data-color-scheme][data-color="danger"] {
  --ds-color-background-default: var(--ds-color-danger-background-default);
  --ds-color-background-tinted: var(--ds-color-danger-background-tinted);
  --ds-color-surface-default: var(--ds-color-danger-surface-default);
  --ds-color-surface-tinted: var(--ds-color-danger-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-danger-surface-hover);
  --ds-color-surface-active: var(--ds-color-danger-surface-active);
  --ds-color-border-subtle: var(--ds-color-danger-border-subtle);
  --ds-color-border-default: var(--ds-color-danger-border-default);
  --ds-color-border-strong: var(--ds-color-danger-border-strong);
  --ds-color-text-subtle: var(--ds-color-danger-text-subtle);
  --ds-color-text-default: var(--ds-color-danger-text-default);
  --ds-color-base-default: var(--ds-color-danger-base-default);
  --ds-color-base-hover: var(--ds-color-danger-base-hover);
  --ds-color-base-active: var(--ds-color-danger-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-danger-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-danger-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="info"], [data-color-scheme][data-color="info"] {
  --ds-color-background-default: var(--ds-color-info-background-default);
  --ds-color-background-tinted: var(--ds-color-info-background-tinted);
  --ds-color-surface-default: var(--ds-color-info-surface-default);
  --ds-color-surface-tinted: var(--ds-color-info-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-info-surface-hover);
  --ds-color-surface-active: var(--ds-color-info-surface-active);
  --ds-color-border-subtle: var(--ds-color-info-border-subtle);
  --ds-color-border-default: var(--ds-color-info-border-default);
  --ds-color-border-strong: var(--ds-color-info-border-strong);
  --ds-color-text-subtle: var(--ds-color-info-text-subtle);
  --ds-color-text-default: var(--ds-color-info-text-default);
  --ds-color-base-default: var(--ds-color-info-base-default);
  --ds-color-base-hover: var(--ds-color-info-base-hover);
  --ds-color-base-active: var(--ds-color-info-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-info-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-info-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="neutral"], [data-color-scheme][data-color="neutral"] {
  --ds-color-background-default: var(--ds-color-neutral-background-default);
  --ds-color-background-tinted: var(--ds-color-neutral-background-tinted);
  --ds-color-surface-default: var(--ds-color-neutral-surface-default);
  --ds-color-surface-tinted: var(--ds-color-neutral-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-neutral-surface-hover);
  --ds-color-surface-active: var(--ds-color-neutral-surface-active);
  --ds-color-border-subtle: var(--ds-color-neutral-border-subtle);
  --ds-color-border-default: var(--ds-color-neutral-border-default);
  --ds-color-border-strong: var(--ds-color-neutral-border-strong);
  --ds-color-text-subtle: var(--ds-color-neutral-text-subtle);
  --ds-color-text-default: var(--ds-color-neutral-text-default);
  --ds-color-base-default: var(--ds-color-neutral-base-default);
  --ds-color-base-hover: var(--ds-color-neutral-base-hover);
  --ds-color-base-active: var(--ds-color-neutral-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-neutral-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-neutral-base-contrast-default);
}

}

@layer ds.theme.color {
:root, [data-color-scheme], [data-color="primary-color-red"] {
  --ds-color-background-default: var(--ds-color-primary-color-red-background-default);
  --ds-color-background-tinted: var(--ds-color-primary-color-red-background-tinted);
  --ds-color-surface-default: var(--ds-color-primary-color-red-surface-default);
  --ds-color-surface-tinted: var(--ds-color-primary-color-red-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-primary-color-red-surface-hover);
  --ds-color-surface-active: var(--ds-color-primary-color-red-surface-active);
  --ds-color-border-subtle: var(--ds-color-primary-color-red-border-subtle);
  --ds-color-border-default: var(--ds-color-primary-color-red-border-default);
  --ds-color-border-strong: var(--ds-color-primary-color-red-border-strong);
  --ds-color-text-subtle: var(--ds-color-primary-color-red-text-subtle);
  --ds-color-text-default: var(--ds-color-primary-color-red-text-default);
  --ds-color-base-default: var(--ds-color-primary-color-red-base-default);
  --ds-color-base-hover: var(--ds-color-primary-color-red-base-hover);
  --ds-color-base-active: var(--ds-color-primary-color-red-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-primary-color-red-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-primary-color-red-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="secondary-color-orange"], [data-color-scheme][data-color="secondary-color-orange"] {
  --ds-color-background-default: var(--ds-color-secondary-color-orange-background-default);
  --ds-color-background-tinted: var(--ds-color-secondary-color-orange-background-tinted);
  --ds-color-surface-default: var(--ds-color-secondary-color-orange-surface-default);
  --ds-color-surface-tinted: var(--ds-color-secondary-color-orange-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-secondary-color-orange-surface-hover);
  --ds-color-surface-active: var(--ds-color-secondary-color-orange-surface-active);
  --ds-color-border-subtle: var(--ds-color-secondary-color-orange-border-subtle);
  --ds-color-border-default: var(--ds-color-secondary-color-orange-border-default);
  --ds-color-border-strong: var(--ds-color-secondary-color-orange-border-strong);
  --ds-color-text-subtle: var(--ds-color-secondary-color-orange-text-subtle);
  --ds-color-text-default: var(--ds-color-secondary-color-orange-text-default);
  --ds-color-base-default: var(--ds-color-secondary-color-orange-base-default);
  --ds-color-base-hover: var(--ds-color-secondary-color-orange-base-hover);
  --ds-color-base-active: var(--ds-color-secondary-color-orange-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-secondary-color-orange-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-secondary-color-orange-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="secondary-color-pink"], [data-color-scheme][data-color="secondary-color-pink"] {
  --ds-color-background-default: var(--ds-color-secondary-color-pink-background-default);
  --ds-color-background-tinted: var(--ds-color-secondary-color-pink-background-tinted);
  --ds-color-surface-default: var(--ds-color-secondary-color-pink-surface-default);
  --ds-color-surface-tinted: var(--ds-color-secondary-color-pink-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-secondary-color-pink-surface-hover);
  --ds-color-surface-active: var(--ds-color-secondary-color-pink-surface-active);
  --ds-color-border-subtle: var(--ds-color-secondary-color-pink-border-subtle);
  --ds-color-border-default: var(--ds-color-secondary-color-pink-border-default);
  --ds-color-border-strong: var(--ds-color-secondary-color-pink-border-strong);
  --ds-color-text-subtle: var(--ds-color-secondary-color-pink-text-subtle);
  --ds-color-text-default: var(--ds-color-secondary-color-pink-text-default);
  --ds-color-base-default: var(--ds-color-secondary-color-pink-base-default);
  --ds-color-base-hover: var(--ds-color-secondary-color-pink-base-hover);
  --ds-color-base-active: var(--ds-color-secondary-color-pink-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-secondary-color-pink-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-secondary-color-pink-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="secondary-color-rust"], [data-color-scheme][data-color="secondary-color-rust"] {
  --ds-color-background-default: var(--ds-color-secondary-color-rust-background-default);
  --ds-color-background-tinted: var(--ds-color-secondary-color-rust-background-tinted);
  --ds-color-surface-default: var(--ds-color-secondary-color-rust-surface-default);
  --ds-color-surface-tinted: var(--ds-color-secondary-color-rust-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-secondary-color-rust-surface-hover);
  --ds-color-surface-active: var(--ds-color-secondary-color-rust-surface-active);
  --ds-color-border-subtle: var(--ds-color-secondary-color-rust-border-subtle);
  --ds-color-border-default: var(--ds-color-secondary-color-rust-border-default);
  --ds-color-border-strong: var(--ds-color-secondary-color-rust-border-strong);
  --ds-color-text-subtle: var(--ds-color-secondary-color-rust-text-subtle);
  --ds-color-text-default: var(--ds-color-secondary-color-rust-text-default);
  --ds-color-base-default: var(--ds-color-secondary-color-rust-base-default);
  --ds-color-base-hover: var(--ds-color-secondary-color-rust-base-hover);
  --ds-color-base-active: var(--ds-color-secondary-color-rust-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-secondary-color-rust-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-secondary-color-rust-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="success"], [data-color-scheme][data-color="success"] {
  --ds-color-background-default: var(--ds-color-success-background-default);
  --ds-color-background-tinted: var(--ds-color-success-background-tinted);
  --ds-color-surface-default: var(--ds-color-success-surface-default);
  --ds-color-surface-tinted: var(--ds-color-success-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-success-surface-hover);
  --ds-color-surface-active: var(--ds-color-success-surface-active);
  --ds-color-border-subtle: var(--ds-color-success-border-subtle);
  --ds-color-border-default: var(--ds-color-success-border-default);
  --ds-color-border-strong: var(--ds-color-success-border-strong);
  --ds-color-text-subtle: var(--ds-color-success-text-subtle);
  --ds-color-text-default: var(--ds-color-success-text-default);
  --ds-color-base-default: var(--ds-color-success-base-default);
  --ds-color-base-hover: var(--ds-color-success-base-hover);
  --ds-color-base-active: var(--ds-color-success-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-success-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-success-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="warning"], [data-color-scheme][data-color="warning"] {
  --ds-color-background-default: var(--ds-color-warning-background-default);
  --ds-color-background-tinted: var(--ds-color-warning-background-tinted);
  --ds-color-surface-default: var(--ds-color-warning-surface-default);
  --ds-color-surface-tinted: var(--ds-color-warning-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-warning-surface-hover);
  --ds-color-surface-active: var(--ds-color-warning-surface-active);
  --ds-color-border-subtle: var(--ds-color-warning-border-subtle);
  --ds-color-border-default: var(--ds-color-warning-border-default);
  --ds-color-border-strong: var(--ds-color-warning-border-strong);
  --ds-color-text-subtle: var(--ds-color-warning-text-subtle);
  --ds-color-text-default: var(--ds-color-warning-text-default);
  --ds-color-base-default: var(--ds-color-warning-base-default);
  --ds-color-base-hover: var(--ds-color-warning-base-hover);
  --ds-color-base-active: var(--ds-color-warning-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-warning-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-warning-base-contrast-default);
}

}