/* Pulumi Brand Colors — HEX
 * Generated from packages/lib/src/brand-colors.ts
 */

@theme {
  --color-violet-50: #f5f5ff;
  --color-violet-100: #ebebff;
  --color-violet-200: #dedbff;
  --color-violet-300: #c3bdff;
  --color-violet-400: #a697fc;
  --color-violet-500: #9077f3;
  --color-violet-600: #7952e5;
  --color-violet-700: #5a30c5;
  --color-violet-800: #492e8e;
  --color-violet-900: #392960;
  --color-violet-950: #231f33;

  --color-gray-50: #fafafa;
  --color-gray-100: #efeff0;
  --color-gray-200: #e0dfe2;
  --color-gray-300: #cbcace;
  --color-gray-400: #b3b1b9;
  --color-gray-500: #9997a0;
  --color-gray-600: #817d8c;
  --color-gray-700: #6a6675;
  --color-gray-800: #56535a;
  --color-gray-900: #46434c;
  --color-gray-950: #2e2932;

  --color-green-50: #f6fdf9;
  --color-green-100: #dffce9;
  --color-green-200: #b6fbce;
  --color-green-300: #84f1ac;
  --color-green-400: #4ade80;
  --color-green-500: #21c45d;
  --color-green-600: #16a249;
  --color-green-700: #1c7d41;
  --color-green-800: #165a31;
  --color-green-900: #1c3f2b;
  --color-green-950: #202723;

  --color-aqua-50: #f5fffd;
  --color-aqua-100: #ccfff5;
  --color-aqua-200: #5cffde;
  --color-aqua-300: #1efad9;
  --color-aqua-400: #02d9c0;
  --color-aqua-500: #00a896;
  --color-aqua-600: #008f83;
  --color-aqua-700: #00756c;
  --color-aqua-800: #075f59;
  --color-aqua-900: #114642;
  --color-aqua-950: #101e1d;

  --color-blue-50: #f5faff;
  --color-blue-100: #e5f1ff;
  --color-blue-200: #cce4ff;
  --color-blue-300: #a3d0ff;
  --color-blue-400: #75b5ff;
  --color-blue-500: #5296ff;
  --color-blue-600: #3c79f6;
  --color-blue-700: #1e57eb;
  --color-blue-800: #1e47c2;
  --color-blue-900: #28448a;
  --color-blue-950: #283048;

  --color-red-50: #fff5f6;
  --color-red-100: #ffe0e1;
  --color-red-200: #ffc7ca;
  --color-red-300: #ff9fa4;
  --color-red-400: #ff676e;
  --color-red-500: #fb2c36;
  --color-red-600: #ee1721;
  --color-red-700: #bd141c;
  --color-red-800: #96171e;
  --color-red-900: #611f22;
  --color-red-950: #331f20;

  --color-orange-50: #fffaf5;
  --color-orange-100: #ffebd1;
  --color-orange-200: #fedbb3;
  --color-orange-300: #fdbe7c;
  --color-orange-400: #fb9746;
  --color-orange-500: #f96c0b;
  --color-orange-600: #da510b;
  --color-orange-700: #b23c0b;
  --color-orange-800: #923111;
  --color-orange-900: #693420;
  --color-orange-950: #33231f;

  --color-yellow-50: #fffbeb;
  --color-yellow-100: #fef2c7;
  --color-yellow-200: #fde38a;
  --color-yellow-300: #fdcf4c;
  --color-yellow-400: #fcba23;
  --color-yellow-500: #f49709;
  --color-yellow-600: #da7205;
  --color-yellow-700: #b54f08;
  --color-yellow-800: #933d0d;
  --color-yellow-900: #723213;
  --color-yellow-950: #371d11;

  --color-black: #000000;
  --color-white: #ffffff;

  /* Semantic */
  --color-violet-primary: var(--color-violet-700);
  --color-violet-accent: var(--color-violet-500);
  --color-violet-muted: var(--color-violet-200);
  --color-violet-background: var(--color-violet-50);

  --color-gray-primary: var(--color-gray-700);
  --color-gray-accent: var(--color-gray-500);
  --color-gray-muted: var(--color-gray-200);
  --color-gray-background: var(--color-gray-50);

  --color-green-primary: var(--color-green-700);
  --color-green-accent: var(--color-green-500);
  --color-green-muted: var(--color-green-200);
  --color-green-background: var(--color-green-50);

  --color-aqua-primary: var(--color-aqua-700);
  --color-aqua-accent: var(--color-aqua-500);
  --color-aqua-muted: var(--color-aqua-200);
  --color-aqua-background: var(--color-aqua-50);

  --color-blue-primary: var(--color-blue-700);
  --color-blue-accent: var(--color-blue-500);
  --color-blue-muted: var(--color-blue-200);
  --color-blue-background: var(--color-blue-50);

  --color-red-primary: var(--color-red-700);
  --color-red-accent: var(--color-red-500);
  --color-red-muted: var(--color-red-200);
  --color-red-background: var(--color-red-50);

  --color-orange-primary: var(--color-orange-700);
  --color-orange-accent: var(--color-orange-500);
  --color-orange-muted: var(--color-orange-200);
  --color-orange-background: var(--color-orange-50);

  --color-yellow-primary: var(--color-yellow-700);
  --color-yellow-accent: var(--color-yellow-500);
  --color-yellow-muted: var(--color-yellow-200);
  --color-yellow-background: var(--color-yellow-50);

  /* Utility */
  --color-service-black: #1f1b21;
  --color-foreground: var(--color-service-black);
  --color-foreground-muted: var(--color-gray-700);
  --color-foreground-dark: var(--color-black);
  --color-background: var(--color-white);
}

@theme dark {
  --color-violet-50: #231f33;
  --color-violet-100: #392960;
  --color-violet-200: #492e8e;
  --color-violet-300: #5a30c5;
  --color-violet-400: #7952e5;
  --color-violet-500: #9077f3;
  --color-violet-600: #a697fc;
  --color-violet-700: #c3bdff;
  --color-violet-800: #dedbff;
  --color-violet-900: #ebebff;
  --color-violet-950: #f5f5ff;

  --color-gray-50: #2e2932;
  --color-gray-100: #46434c;
  --color-gray-200: #56535a;
  --color-gray-300: #6a6675;
  --color-gray-400: #817d8c;
  --color-gray-500: #9997a0;
  --color-gray-600: #b3b1b9;
  --color-gray-700: #cbcace;
  --color-gray-800: #e0dfe2;
  --color-gray-900: #efeff0;
  --color-gray-950: #fafafa;

  --color-green-50: #202723;
  --color-green-100: #1c3f2b;
  --color-green-200: #165a31;
  --color-green-300: #1c7d41;
  --color-green-400: #16a249;
  --color-green-500: #21c45d;
  --color-green-600: #4ade80;
  --color-green-700: #84f1ac;
  --color-green-800: #b6fbce;
  --color-green-900: #dffce9;
  --color-green-950: #f6fdf9;

  --color-aqua-50: #101e1d;
  --color-aqua-100: #114642;
  --color-aqua-200: #075f59;
  --color-aqua-300: #00756c;
  --color-aqua-400: #008f83;
  --color-aqua-500: #00a896;
  --color-aqua-600: #02d9c0;
  --color-aqua-700: #1efad9;
  --color-aqua-800: #5cffde;
  --color-aqua-900: #ccfff5;
  --color-aqua-950: #f5fffd;

  --color-blue-50: #283048;
  --color-blue-100: #28448a;
  --color-blue-200: #1e47c2;
  --color-blue-300: #1e57eb;
  --color-blue-400: #3c79f6;
  --color-blue-500: #5296ff;
  --color-blue-600: #75b5ff;
  --color-blue-700: #a3d0ff;
  --color-blue-800: #cce4ff;
  --color-blue-900: #e5f1ff;
  --color-blue-950: #f5faff;

  --color-red-50: #331f20;
  --color-red-100: #611f22;
  --color-red-200: #96171e;
  --color-red-300: #bd141c;
  --color-red-400: #ee1721;
  --color-red-500: #fb2c36;
  --color-red-600: #ff676e;
  --color-red-700: #ff9fa4;
  --color-red-800: #ffc7ca;
  --color-red-900: #ffe0e1;
  --color-red-950: #fff5f6;

  --color-orange-50: #33231f;
  --color-orange-100: #693420;
  --color-orange-200: #923111;
  --color-orange-300: #b23c0b;
  --color-orange-400: #da510b;
  --color-orange-500: #f96c0b;
  --color-orange-600: #fb9746;
  --color-orange-700: #fdbe7c;
  --color-orange-800: #fedbb3;
  --color-orange-900: #ffebd1;
  --color-orange-950: #fffaf5;

  --color-yellow-50: #371d11;
  --color-yellow-100: #723213;
  --color-yellow-200: #933d0d;
  --color-yellow-300: #b54f08;
  --color-yellow-400: #da7205;
  --color-yellow-500: #f49709;
  --color-yellow-600: #fcba23;
  --color-yellow-700: #fdcf4c;
  --color-yellow-800: #fde38a;
  --color-yellow-900: #fef2c7;
  --color-yellow-950: #fffbeb;

  --color-black: #000000;
  --color-white: #ffffff;

  /* Utility */
  --color-service-black: #1f1b21;
  --color-foreground: var(--color-white);
  --color-foreground-dark: var(--color-white);
  --color-background: var(--color-service-black);
}
