@layer sw.tokens.base, sw.tokens.brand, sw.tokens.scheme, sw.tokens.skin, sw.tokens.contrast;
@layer sw.tokens.base;

@layer sw.tokens.brand {
  [data-sw-brand="demo-two"] {
    --sw-color-brand-50: #fdf7e0;
    --sw-color-brand-100: #fbeebb;
    --sw-color-brand-200: #f7d75b;
    --sw-color-brand-300: #d0b54c;
    --sw-color-brand-400: #b28e61;
    --sw-color-brand-500: #8a7163;
    --sw-color-brand-600: #766055;
    --sw-color-brand-700: #68554a;
    --sw-color-brand-800: #514239;
    --sw-color-brand-900: #40332c;
    --sw-color-brand-950: #2e241f;
    --sw-color-neutral-50: #faf7f4;
    --sw-color-neutral-100: #f3ede6;
    --sw-color-neutral-200: #e5d7c7;
    --sw-color-neutral-300: #cdb295;
    --sw-color-neutral-400: #a69178;
    --sw-color-neutral-500: #85735f;
    --sw-color-neutral-600: #726251;
    --sw-color-neutral-700: #645647;
    --sw-color-neutral-800: #4e4337;
    --sw-color-neutral-900: #3d342a;
    --sw-color-neutral-950: #2c251d;
    --sw-color-aa-accent-default--brand: var(--sw-color-brand-500);
    --sw-color-aa-accent-default: var(--sw-color-brand-500);
    --sw-color-aa-accent-hover--brand: var(--sw-color-brand-600);
    --sw-color-aa-accent-hover: var(--sw-color-brand-600);
    --sw-color-aa-accent-pressed--brand: var(--sw-color-brand-700);
    --sw-color-aa-accent-pressed: var(--sw-color-brand-700);
    --sw-color-aa-border-focus--brand: var(--sw-color-neutral-800);
    --sw-color-aa-border-focus: var(--sw-color-neutral-800);
    --sw-color-aa-border-interactive--brand: var(--sw-color-brand-500);
    --sw-color-aa-border-interactive: var(--sw-color-brand-500);
    --sw-color-aa-text-accent--brand: var(--sw-color-brand-600);
    --sw-color-aa-text-accent: var(--sw-color-brand-600);
    --sw-color-aa-text-link--brand: var(--sw-color-brand-600);
    --sw-color-aa-text-link: var(--sw-color-brand-600);
    --sw-color-aa-text-link-hover--brand: var(--sw-color-brand-700);
    --sw-color-aa-text-link-hover: var(--sw-color-brand-700);
    --sw-color-aa-text-link-pressed--brand: var(--sw-color-brand-800);
    --sw-color-aa-text-link-pressed: var(--sw-color-brand-800);
    --sw-color-aa-text-primary--brand: var(--sw-color-neutral-800);
    --sw-color-aa-text-primary: var(--sw-color-neutral-800);
    --sw-color-aa-text-secondary--brand: var(--sw-color-neutral-600);
    --sw-color-aa-text-secondary: var(--sw-color-neutral-600);
    --sw-color-accent-border: var(--sw-color-brand-400);
    --sw-color-accent-default--brand: var(--sw-color-brand-700);
    --sw-color-accent-default--scheme: var(--sw-color-brand-700);
    --sw-color-accent-default: var(--sw-color-brand-700);
    --sw-color-accent-hover--brand: var(--sw-color-brand-800);
    --sw-color-accent-hover--scheme: var(--sw-color-brand-800);
    --sw-color-accent-hover: var(--sw-color-brand-800);
    --sw-color-accent-muted--brand: var(--sw-color-brand-100);
    --sw-color-accent-muted: var(--sw-color-brand-100);
    --sw-color-accent-pressed--brand: var(--sw-color-brand-900);
    --sw-color-accent-pressed--scheme: var(--sw-color-brand-900);
    --sw-color-accent-pressed: var(--sw-color-brand-900);
    --sw-color-accent-subtle--brand: var(--sw-color-brand-50);
    --sw-color-accent-subtle: var(--sw-color-brand-50);
    --sw-color-border-default--brand: var(--sw-color-neutral-500);
    --sw-color-border-default--skin: var(--sw-color-neutral-500);
    --sw-color-border-default: var(--sw-color-neutral-500);
    --sw-color-border-focus--brand: var(--sw-color-neutral-950);
    --sw-color-border-focus--scheme: var(--sw-color-neutral-950);
    --sw-color-border-focus: var(--sw-color-neutral-950);
    --sw-color-border-interactive--brand: var(--sw-color-brand-700);
    --sw-color-border-interactive--scheme: var(--sw-color-brand-700);
    --sw-color-border-interactive: var(--sw-color-brand-700);
    --sw-color-border-strong--brand: var(--sw-color-neutral-700);
    --sw-color-border-strong: var(--sw-color-neutral-700);
    --sw-color-border-subtle--brand: var(--sw-color-neutral-200);
    --sw-color-border-subtle--skin: var(--sw-color-neutral-200);
    --sw-color-border-subtle: var(--sw-color-neutral-200);
    --sw-color-scrim--brand: var(--sw-color-neutral-950);
    --sw-color-scrim: var(--sw-color-neutral-950);
    --sw-color-surface-disabled--brand: var(--sw-color-neutral-100);
    --sw-color-surface-disabled: var(--sw-color-neutral-100);
    --sw-color-surface-hover--brand: var(--sw-color-neutral-100);
    --sw-color-surface-hover--skin: var(--sw-color-neutral-100);
    --sw-color-surface-hover: var(--sw-color-neutral-100);
    --sw-color-surface-page--brand: var(--sw-color-neutral-50);
    --sw-color-surface-page: var(--sw-color-neutral-50);
    --sw-color-surface-pressed--brand: var(--sw-color-neutral-200);
    --sw-color-surface-pressed: var(--sw-color-neutral-200);
    --sw-color-surface-selected--brand: var(--sw-color-brand-50);
    --sw-color-surface-selected: var(--sw-color-brand-50);
    --sw-color-surface-selected-hover--brand: var(--sw-color-brand-100);
    --sw-color-surface-selected-hover: var(--sw-color-brand-100);
    --sw-color-surface-sunken--brand: var(--sw-color-neutral-100);
    --sw-color-surface-sunken: var(--sw-color-neutral-100);
    --sw-color-text-accent--brand: var(--sw-color-brand-800);
    --sw-color-text-accent--scheme: var(--sw-color-brand-800);
    --sw-color-text-accent: var(--sw-color-brand-800);
    --sw-color-text-accent-active--brand: var(--sw-color-brand-900);
    --sw-color-text-accent-active--scheme: var(--sw-color-brand-900);
    --sw-color-text-accent-active: var(--sw-color-brand-900);
    --sw-color-text-disabled--brand: var(--sw-color-neutral-400);
    --sw-color-text-disabled: var(--sw-color-neutral-400);
    --sw-color-text-link--brand: var(--sw-color-brand-800);
    --sw-color-text-link--scheme: var(--sw-color-brand-800);
    --sw-color-text-link: var(--sw-color-brand-800);
    --sw-color-text-link-hover--brand: var(--sw-color-brand-900);
    --sw-color-text-link-hover--scheme: var(--sw-color-brand-900);
    --sw-color-text-link-hover: var(--sw-color-brand-900);
    --sw-color-text-link-pressed--brand: var(--sw-color-brand-950);
    --sw-color-text-link-pressed--scheme: var(--sw-color-brand-950);
    --sw-color-text-link-pressed: var(--sw-color-brand-950);
    --sw-color-text-primary--brand: var(--sw-color-neutral-950);
    --sw-color-text-primary--scheme: var(--sw-color-neutral-950);
    --sw-color-text-primary: var(--sw-color-neutral-950);
    --sw-color-text-primary-active--brand: var(--sw-color-neutral-900);
    --sw-color-text-primary-active--scheme: var(--sw-color-neutral-900);
    --sw-color-text-primary-active: var(--sw-color-neutral-900);
    --sw-color-text-secondary--brand: var(--sw-color-neutral-800);
    --sw-color-text-secondary--scheme: var(--sw-color-neutral-800);
    --sw-color-text-secondary--skin: var(--sw-color-neutral-800);
    --sw-color-text-secondary: var(--sw-color-neutral-800);
  }

  @supports (color: lab(0% 0 0)) {
    [data-sw-brand="demo-two"] {
      --sw-color-brand-50: lab(97.3633% -.769317 12.0151);
      --sw-color-brand-100: lab(94.2696% -.96947 26.3256);
      --sw-color-brand-200: lab(87.0737% 1.25456 63.3674);
      --sw-color-brand-300: lab(74.5713% 1.09819 55.6328);
      --sw-color-brand-400: lab(61.6573% 9.61775 29.5194);
      --sw-color-brand-500: lab(49.7826% 8.53932 11.4049);
      --sw-color-brand-600: lab(42.7832% 7.63088 10.1916);
      --sw-color-brand-700: lab(37.7043% 6.97231 9.31202);
      --sw-color-brand-800: lab(29.3746% 5.88174 7.85563);
      --sw-color-brand-900: lab(22.6184% 4.99556 6.67224);
      --sw-color-brand-950: lab(15.1908% 4.04222 5.39881);
      --sw-color-neutral-50: lab(97.2771% .579417 1.83409);
      --sw-color-neutral-100: lab(94.1013% 1.29318 4.04097);
      --sw-color-neutral-200: lab(86.736% 3.15341 9.54289);
      --sw-color-neutral-300: lab(74.3854% 6.56411 18.8419);
      --sw-color-neutral-400: lab(61.5346% 5.62996 16.1608);
      --sw-color-neutral-500: lab(49.7739% 4.77353 13.7028);
      --sw-color-neutral-600: lab(42.7801% 4.26787 12.2508);
      --sw-color-neutral-700: lab(37.6884% 3.90548 11.209);
      --sw-color-neutral-800: lab(29.3725% 3.29503 9.45817);
      --sw-color-neutral-900: lab(22.6107% 2.80179 8.04292);
      --sw-color-neutral-950: lab(15.1877% 2.27088 6.51715);
    }
  }

  [data-sw-brand="sw"] {
    --sw-color-brand-50: #f4f7fc;
    --sw-color-brand-100: #e8eff8;
    --sw-color-brand-200: #cbdaf0;
    --sw-color-brand-300: #9cb8e3;
    --sw-color-brand-400: #6b96d5;
    --sw-color-brand-500: #4576c0;
    --sw-color-brand-600: #3a65a5;
    --sw-color-brand-700: #325992;
    --sw-color-brand-800: #264573;
    --sw-color-brand-900: #1c365c;
    --sw-color-brand-950: #132643;
    --sw-color-neutral-50: #f7f7f7;
    --sw-color-neutral-100: #eee;
    --sw-color-neutral-200: #d9d9d9;
    --sw-color-neutral-300: #b6b6b6;
    --sw-color-neutral-400: #949494;
    --sw-color-neutral-500: #767676;
    --sw-color-neutral-600: #656565;
    --sw-color-neutral-700: #585858;
    --sw-color-neutral-800: #454545;
    --sw-color-neutral-900: #363636;
    --sw-color-neutral-950: #262626;
    --sw-color-aa-accent-default--brand: var(--sw-color-brand-500);
    --sw-color-aa-accent-default: var(--sw-color-brand-500);
    --sw-color-aa-accent-hover--brand: var(--sw-color-brand-600);
    --sw-color-aa-accent-hover: var(--sw-color-brand-600);
    --sw-color-aa-accent-pressed--brand: var(--sw-color-brand-700);
    --sw-color-aa-accent-pressed: var(--sw-color-brand-700);
    --sw-color-aa-border-focus--brand: var(--sw-color-neutral-800);
    --sw-color-aa-border-focus: var(--sw-color-neutral-800);
    --sw-color-aa-border-interactive--brand: var(--sw-color-brand-500);
    --sw-color-aa-border-interactive: var(--sw-color-brand-500);
    --sw-color-aa-text-accent--brand: var(--sw-color-brand-600);
    --sw-color-aa-text-accent: var(--sw-color-brand-600);
    --sw-color-aa-text-link--brand: var(--sw-color-brand-600);
    --sw-color-aa-text-link: var(--sw-color-brand-600);
    --sw-color-aa-text-link-hover--brand: var(--sw-color-brand-700);
    --sw-color-aa-text-link-hover: var(--sw-color-brand-700);
    --sw-color-aa-text-link-pressed--brand: var(--sw-color-brand-800);
    --sw-color-aa-text-link-pressed: var(--sw-color-brand-800);
    --sw-color-aa-text-primary--brand: var(--sw-color-neutral-800);
    --sw-color-aa-text-primary: var(--sw-color-neutral-800);
    --sw-color-aa-text-secondary--brand: var(--sw-color-neutral-600);
    --sw-color-aa-text-secondary: var(--sw-color-neutral-600);
    --sw-color-accent-border: var(--sw-color-brand-400);
    --sw-color-accent-default--brand: var(--sw-color-brand-700);
    --sw-color-accent-default--scheme: var(--sw-color-brand-700);
    --sw-color-accent-default: var(--sw-color-brand-700);
    --sw-color-accent-hover--brand: var(--sw-color-brand-800);
    --sw-color-accent-hover--scheme: var(--sw-color-brand-800);
    --sw-color-accent-hover: var(--sw-color-brand-800);
    --sw-color-accent-muted--brand: var(--sw-color-brand-100);
    --sw-color-accent-muted: var(--sw-color-brand-100);
    --sw-color-accent-pressed--brand: var(--sw-color-brand-900);
    --sw-color-accent-pressed--scheme: var(--sw-color-brand-900);
    --sw-color-accent-pressed: var(--sw-color-brand-900);
    --sw-color-accent-subtle--brand: var(--sw-color-brand-50);
    --sw-color-accent-subtle: var(--sw-color-brand-50);
    --sw-color-border-default--brand: var(--sw-color-neutral-500);
    --sw-color-border-default--skin: var(--sw-color-neutral-500);
    --sw-color-border-default: var(--sw-color-neutral-500);
    --sw-color-border-focus--brand: var(--sw-color-neutral-950);
    --sw-color-border-focus--scheme: var(--sw-color-neutral-950);
    --sw-color-border-focus: var(--sw-color-neutral-950);
    --sw-color-border-interactive--brand: var(--sw-color-brand-700);
    --sw-color-border-interactive--scheme: var(--sw-color-brand-700);
    --sw-color-border-interactive: var(--sw-color-brand-700);
    --sw-color-border-strong--brand: var(--sw-color-neutral-700);
    --sw-color-border-strong: var(--sw-color-neutral-700);
    --sw-color-border-subtle--brand: var(--sw-color-neutral-200);
    --sw-color-border-subtle--skin: var(--sw-color-neutral-200);
    --sw-color-border-subtle: var(--sw-color-neutral-200);
    --sw-color-scrim--brand: var(--sw-color-neutral-950);
    --sw-color-scrim: var(--sw-color-neutral-950);
    --sw-color-surface-disabled--brand: var(--sw-color-neutral-100);
    --sw-color-surface-disabled: var(--sw-color-neutral-100);
    --sw-color-surface-hover--brand: var(--sw-color-neutral-100);
    --sw-color-surface-hover--skin: var(--sw-color-neutral-100);
    --sw-color-surface-hover: var(--sw-color-neutral-100);
    --sw-color-surface-page--brand: var(--sw-color-neutral-50);
    --sw-color-surface-page: var(--sw-color-neutral-50);
    --sw-color-surface-pressed--brand: var(--sw-color-neutral-200);
    --sw-color-surface-pressed: var(--sw-color-neutral-200);
    --sw-color-surface-selected--brand: var(--sw-color-brand-50);
    --sw-color-surface-selected: var(--sw-color-brand-50);
    --sw-color-surface-selected-hover--brand: var(--sw-color-brand-100);
    --sw-color-surface-selected-hover: var(--sw-color-brand-100);
    --sw-color-surface-sunken--brand: var(--sw-color-neutral-100);
    --sw-color-surface-sunken: var(--sw-color-neutral-100);
    --sw-color-text-accent--brand: var(--sw-color-brand-800);
    --sw-color-text-accent--scheme: var(--sw-color-brand-800);
    --sw-color-text-accent: var(--sw-color-brand-800);
    --sw-color-text-accent-active--brand: var(--sw-color-brand-900);
    --sw-color-text-accent-active--scheme: var(--sw-color-brand-900);
    --sw-color-text-accent-active: var(--sw-color-brand-900);
    --sw-color-text-disabled--brand: var(--sw-color-neutral-400);
    --sw-color-text-disabled: var(--sw-color-neutral-400);
    --sw-color-text-link--brand: var(--sw-color-brand-800);
    --sw-color-text-link--scheme: var(--sw-color-brand-800);
    --sw-color-text-link: var(--sw-color-brand-800);
    --sw-color-text-link-hover--brand: var(--sw-color-brand-900);
    --sw-color-text-link-hover--scheme: var(--sw-color-brand-900);
    --sw-color-text-link-hover: var(--sw-color-brand-900);
    --sw-color-text-link-pressed--brand: var(--sw-color-brand-950);
    --sw-color-text-link-pressed--scheme: var(--sw-color-brand-950);
    --sw-color-text-link-pressed: var(--sw-color-brand-950);
    --sw-color-text-primary--brand: var(--sw-color-neutral-950);
    --sw-color-text-primary--scheme: var(--sw-color-neutral-950);
    --sw-color-text-primary: var(--sw-color-neutral-950);
    --sw-color-text-primary-active--brand: var(--sw-color-neutral-900);
    --sw-color-text-primary-active--scheme: var(--sw-color-neutral-900);
    --sw-color-text-primary-active: var(--sw-color-neutral-900);
    --sw-color-text-secondary--brand: var(--sw-color-neutral-800);
    --sw-color-text-secondary--scheme: var(--sw-color-neutral-800);
    --sw-color-text-secondary--skin: var(--sw-color-neutral-800);
    --sw-color-text-secondary: var(--sw-color-neutral-800);
  }

  @supports (color: lab(0% 0 0)) {
    [data-sw-brand="sw"] {
      --sw-color-brand-50: lab(97.2212% -.432611 -2.49052);
      --sw-color-brand-100: lab(93.9842% -.916839 -5.47986);
      --sw-color-brand-200: lab(86.4814% -1.86917 -12.471);
      --sw-color-brand-300: lab(73.8654% -2.68427 -24.6715);
      --sw-color-brand-400: lab(60.8449% -1.61791 -37.7484);
      --sw-color-brand-500: lab(48.9846% .874996 -44.1945);
      --sw-color-brand-600: lab(42.0785% .781149 -39.4945);
      --sw-color-brand-700: lab(37.0501% .7177 -36.0917);
      --sw-color-brand-800: lab(28.8274% .602126 -30.4803);
      --sw-color-brand-900: lab(22.1498% .516295 -25.9552);
      --sw-color-brand-950: lab(14.8091% .411719 -20.9402);
      --sw-color-neutral-50: lab(97.2624% 0 0);
      --sw-color-neutral-100: lab(94.0492% -.0000298023 -.0000119209);
      --sw-color-neutral-200: lab(86.6252% 0 0);
      --sw-color-neutral-300: lab(74.1668% 0 0);
      --sw-color-neutral-400: lab(61.3488% -.0000298023 0);
      --sw-color-neutral-500: lab(49.6096% 0 0);
      --sw-color-neutral-600: lab(42.6496% 0 0);
      --sw-color-neutral-700: lab(37.5688% 0 0);
      --sw-color-neutral-800: lab(29.2632% -.0000149012 .00000596046);
      --sw-color-neutral-900: lab(22.5236% -.0000149012 0);
      --sw-color-neutral-950: lab(15.1112% -.0000149012 .00000596046);
    }
  }
}

@layer sw.tokens.scheme, sw.tokens.skin, sw.tokens.contrast;