/* Generated by scripts/build_tokens.py from figma-variables/ and typography.json. Do not edit. */

:root {
  /* Primitives */
  --color-base-white: #FFFFFF;
  --color-base-black: #000000;
  --color-base-transparent: rgb(255 255 255 / 0);
  --color-gray-light-mode-25: #FCFCFD;
  --color-gray-light-mode-50: #F9FAFB;
  --color-gray-light-mode-100: #F2F4F7;
  --color-gray-light-mode-200: #EAECF0;
  --color-gray-light-mode-300: #D0D5DD;
  --color-gray-light-mode-400: #98A2B3;
  --color-gray-light-mode-500: #667085;
  --color-gray-light-mode-600: #475467;
  --color-gray-light-mode-700: #344054;
  --color-gray-light-mode-800: #182230;
  --color-gray-light-mode-900: #101828;
  --color-gray-light-mode-950: #0C111D;
  --color-gray-dark-mode-25: #FAFAFA;
  --color-gray-dark-mode-50: #F5F5F6;
  --color-gray-dark-mode-100: #F0F1F1;
  --color-gray-dark-mode-200: #ECECED;
  --color-gray-dark-mode-300: #CECFD2;
  --color-gray-dark-mode-400: #94969C;
  --color-gray-dark-mode-500: #85888E;
  --color-gray-dark-mode-600: #61646C;
  --color-gray-dark-mode-700: #333741;
  --color-gray-dark-mode-800: #1F242F;
  --color-gray-dark-mode-900: #161B26;
  --color-gray-dark-mode-950: #0C111D;
  --color-gray-dark-mode-alpha-25: rgb(255 255 255 / 0.98);
  --color-gray-dark-mode-alpha-50: rgb(255 255 255 / 0.96);
  --color-gray-dark-mode-alpha-100: rgb(255 255 255 / 0.94);
  --color-gray-dark-mode-alpha-200: rgb(255 255 255 / 0.92);
  --color-gray-dark-mode-alpha-300: rgb(255 255 255 / 0.8);
  --color-gray-dark-mode-alpha-400: rgb(255 255 255 / 0.56);
  --color-gray-dark-mode-alpha-500: rgb(255 255 255 / 0.5);
  --color-gray-dark-mode-alpha-600: rgb(255 255 255 / 0.35);
  --color-gray-dark-mode-alpha-700: rgb(255 255 255 / 0.16);
  --color-gray-dark-mode-alpha-800: rgb(255 255 255 / 0.08);
  --color-gray-dark-mode-alpha-900: rgb(255 255 255 / 0.04);
  --color-gray-dark-mode-alpha-950: rgb(255 255 255 / 0);
  --color-brand-25: #FFF4F1;
  --color-brand-50: #FFE8E3;
  --color-brand-100: #FFD4CC;
  --color-brand-200: #FFB7AA;
  --color-brand-300: #FF8C7A;
  --color-brand-400: #FF4C33;
  --color-brand-500: #DD1600;
  --color-brand-600: #AF1506;
  --color-brand-700: #8B130A;
  --color-brand-800: #6A110B;
  --color-brand-900: #4F0E0A;
  --color-brand-950: #360B09;
  --color-error-25: #FFFBFA;
  --color-error-50: #FEF3F2;
  --color-error-100: #FEE4E2;
  --color-error-200: #FECDCA;
  --color-error-300: #FDA29B;
  --color-error-400: #F97066;
  --color-error-500: #F04438;
  --color-error-600: #D92D20;
  --color-error-700: #B42318;
  --color-error-800: #912018;
  --color-error-900: #7A271A;
  --color-error-950: #55160C;
  --color-warning-25: #FFFCF5;
  --color-warning-50: #FFFAEB;
  --color-warning-100: #FEF0C7;
  --color-warning-200: #FEDF89;
  --color-warning-300: #FEC84B;
  --color-warning-400: #FDB022;
  --color-warning-500: #F79009;
  --color-warning-600: #DC6803;
  --color-warning-700: #B54708;
  --color-warning-800: #93370D;
  --color-warning-900: #7A2E0E;
  --color-warning-950: #4E1D09;
  --color-success-25: #F6FEF9;
  --color-success-50: #ECFDF3;
  --color-success-100: #DCFAE6;
  --color-success-200: #ABEFC6;
  --color-success-300: #75E0A7;
  --color-success-400: #47CD89;
  --color-success-500: #17B26A;
  --color-success-600: #079455;
  --color-success-700: #067647;
  --color-success-800: #085D3A;
  --color-success-900: #074D31;
  --color-success-950: #053321;
  --color-gray-blue-25: #FCFCFD;
  --color-gray-blue-50: #F8F9FC;
  --color-gray-blue-100: #EAECF5;
  --color-gray-blue-200: #D5D9EB;
  --color-gray-blue-300: #B3B8DB;
  --color-gray-blue-400: #717BBC;
  --color-gray-blue-500: #4E5BA6;
  --color-gray-blue-600: #3E4784;
  --color-gray-blue-700: #363F72;
  --color-gray-blue-800: #293056;
  --color-gray-blue-900: #101323;
  --color-gray-blue-950: #0D0F1C;
  --color-gray-cool-25: #FCFCFD;
  --color-gray-cool-50: #F9F9FB;
  --color-gray-cool-100: #EFF1F5;
  --color-gray-cool-200: #DCDFEA;
  --color-gray-cool-300: #B9C0D4;
  --color-gray-cool-400: #7D89B0;
  --color-gray-cool-500: #5D6B98;
  --color-gray-cool-600: #4A5578;
  --color-gray-cool-700: #404968;
  --color-gray-cool-800: #30374F;
  --color-gray-cool-900: #111322;
  --color-gray-cool-950: #0E101B;
  --color-gray-modern-25: #FCFCFD;
  --color-gray-modern-50: #F8FAFC;
  --color-gray-modern-100: #EEF2F6;
  --color-gray-modern-200: #E3E8EF;
  --color-gray-modern-300: #CDD5DF;
  --color-gray-modern-400: #9AA4B2;
  --color-gray-modern-500: #697586;
  --color-gray-modern-600: #4B5565;
  --color-gray-modern-700: #364152;
  --color-gray-modern-800: #202939;
  --color-gray-modern-900: #121926;
  --color-gray-modern-950: #0D121C;
  --color-gray-neutral-25: #FCFCFD;
  --color-gray-neutral-50: #F9FAFB;
  --color-gray-neutral-100: #F3F4F6;
  --color-gray-neutral-200: #E5E7EB;
  --color-gray-neutral-300: #D2D6DB;
  --color-gray-neutral-400: #9DA4AE;
  --color-gray-neutral-500: #6C737F;
  --color-gray-neutral-600: #4D5761;
  --color-gray-neutral-700: #384250;
  --color-gray-neutral-800: #1F2A37;
  --color-gray-neutral-900: #111927;
  --color-gray-neutral-950: #0D121C;
  --color-gray-iron-25: #FCFCFC;
  --color-gray-iron-50: #FAFAFA;
  --color-gray-iron-100: #F4F4F5;
  --color-gray-iron-200: #E4E4E7;
  --color-gray-iron-300: #D1D1D6;
  --color-gray-iron-400: #A0A0AB;
  --color-gray-iron-500: #70707B;
  --color-gray-iron-600: #51525C;
  --color-gray-iron-700: #3F3F46;
  --color-gray-iron-800: #26272B;
  --color-gray-iron-900: #1A1A1E;
  --color-gray-iron-950: #131316;
  --color-gray-true-25: #FCFCFC;
  --color-gray-true-50: #FAFAFA;
  --color-gray-true-100: #F5F5F5;
  --color-gray-true-200: #E5E5E5;
  --color-gray-true-300: #D6D6D6;
  --color-gray-true-400: #A3A3A3;
  --color-gray-true-500: #737373;
  --color-gray-true-600: #525252;
  --color-gray-true-700: #424242;
  --color-gray-true-800: #292929;
  --color-gray-true-900: #141414;
  --color-gray-true-950: #0F0F0F;
  --color-gray-warm-25: #FDFDFC;
  --color-gray-warm-50: #FAFAF9;
  --color-gray-warm-100: #F5F5F4;
  --color-gray-warm-200: #E7E5E4;
  --color-gray-warm-300: #D7D3D0;
  --color-gray-warm-400: #A9A29D;
  --color-gray-warm-500: #79716B;
  --color-gray-warm-600: #57534E;
  --color-gray-warm-700: #44403C;
  --color-gray-warm-800: #292524;
  --color-gray-warm-900: #1C1917;
  --color-gray-warm-950: #171412;
  --color-moss-25: #FAFDF7;
  --color-moss-50: #F5FBEE;
  --color-moss-100: #E6F4D7;
  --color-moss-200: #CEEAB0;
  --color-moss-300: #ACDC79;
  --color-moss-400: #86CB3C;
  --color-moss-500: #669F2A;
  --color-moss-600: #4F7A21;
  --color-moss-700: #3F621A;
  --color-moss-800: #335015;
  --color-moss-900: #2B4212;
  --color-moss-950: #1A280B;
  --color-green-light-25: #FAFEF5;
  --color-green-light-50: #F3FEE7;
  --color-green-light-100: #E3FBCC;
  --color-green-light-200: #D0F8AB;
  --color-green-light-300: #A6EF67;
  --color-green-light-400: #85E13A;
  --color-green-light-500: #66C61C;
  --color-green-light-600: #4CA30D;
  --color-green-light-700: #3B7C0F;
  --color-green-light-800: #326212;
  --color-green-light-900: #2B5314;
  --color-green-light-950: #15290A;
  --color-green-25: #F6FEF9;
  --color-green-50: #EDFCF2;
  --color-green-100: #D3F8DF;
  --color-green-200: #AAF0C4;
  --color-green-300: #73E2A3;
  --color-green-400: #3CCB7F;
  --color-green-500: #16B364;
  --color-green-600: #099250;
  --color-green-700: #087443;
  --color-green-800: #095C37;
  --color-green-900: #084C2E;
  --color-green-950: #052E1C;
  --color-teal-25: #F6FEFC;
  --color-teal-50: #F0FDF9;
  --color-teal-100: #CCFBEF;
  --color-teal-200: #99F6E0;
  --color-teal-300: #5FE9D0;
  --color-teal-400: #2ED3B7;
  --color-teal-500: #15B79E;
  --color-teal-600: #0E9384;
  --color-teal-700: #107569;
  --color-teal-800: #125D56;
  --color-teal-900: #134E48;
  --color-teal-950: #0A2926;
  --color-cyan-25: #F5FEFF;
  --color-cyan-50: #ECFDFF;
  --color-cyan-100: #CFF9FE;
  --color-cyan-200: #A5F0FC;
  --color-cyan-300: #67E3F9;
  --color-cyan-400: #22CCEE;
  --color-cyan-500: #06AED4;
  --color-cyan-600: #088AB2;
  --color-cyan-700: #0E7090;
  --color-cyan-800: #155B75;
  --color-cyan-900: #164C63;
  --color-cyan-950: #0D2D3A;
  --color-blue-light-25: #F5FBFF;
  --color-blue-light-50: #F0F9FF;
  --color-blue-light-100: #E0F2FE;
  --color-blue-light-200: #B9E6FE;
  --color-blue-light-300: #7CD4FD;
  --color-blue-light-400: #36BFFA;
  --color-blue-light-500: #0BA5EC;
  --color-blue-light-600: #0086C9;
  --color-blue-light-700: #026AA2;
  --color-blue-light-800: #065986;
  --color-blue-light-900: #0B4A6F;
  --color-blue-light-950: #062C41;
  --color-blue-25: #F5FAFF;
  --color-blue-50: #EFF8FF;
  --color-blue-100: #D1E9FF;
  --color-blue-200: #B2DDFF;
  --color-blue-300: #84CAFF;
  --color-blue-400: #53B1FD;
  --color-blue-500: #2E90FA;
  --color-blue-600: #1570EF;
  --color-blue-700: #175CD3;
  --color-blue-800: #1849A9;
  --color-blue-900: #194185;
  --color-blue-950: #102A56;
  --color-blue-dark-25: #F5F8FF;
  --color-blue-dark-50: #EFF4FF;
  --color-blue-dark-100: #D1E0FF;
  --color-blue-dark-200: #B2CCFF;
  --color-blue-dark-300: #84ADFF;
  --color-blue-dark-400: #528BFF;
  --color-blue-dark-500: #2970FF;
  --color-blue-dark-600: #155EEF;
  --color-blue-dark-700: #004EEB;
  --color-blue-dark-800: #0040C1;
  --color-blue-dark-900: #00359E;
  --color-blue-dark-950: #002266;
  --color-indigo-25: #F5F8FF;
  --color-indigo-50: #EEF4FF;
  --color-indigo-100: #E0EAFF;
  --color-indigo-200: #C7D7FE;
  --color-indigo-300: #A4BCFD;
  --color-indigo-400: #8098F9;
  --color-indigo-500: #6172F3;
  --color-indigo-600: #444CE7;
  --color-indigo-700: #3538CD;
  --color-indigo-800: #2D31A6;
  --color-indigo-900: #2D3282;
  --color-indigo-950: #1F235B;
  --color-violet-25: #FBFAFF;
  --color-violet-50: #F5F3FF;
  --color-violet-100: #ECE9FE;
  --color-violet-200: #DDD6FE;
  --color-violet-300: #C3B5FD;
  --color-violet-400: #A48AFB;
  --color-violet-500: #875BF7;
  --color-violet-600: #7839EE;
  --color-violet-700: #6927DA;
  --color-violet-800: #5720B7;
  --color-violet-900: #491C96;
  --color-violet-950: #2E125E;
  --color-purple-25: #FAFAFF;
  --color-purple-50: #F4F3FF;
  --color-purple-100: #EBE9FE;
  --color-purple-200: #D9D6FE;
  --color-purple-300: #BDB4FE;
  --color-purple-400: #9B8AFB;
  --color-purple-500: #7A5AF8;
  --color-purple-600: #6938EF;
  --color-purple-700: #5925DC;
  --color-purple-800: #4A1FB8;
  --color-purple-900: #3E1C96;
  --color-purple-950: #27115F;
  --color-fuchsia-25: #FEFAFF;
  --color-fuchsia-50: #FDF4FF;
  --color-fuchsia-100: #FBE8FF;
  --color-fuchsia-200: #F6D0FE;
  --color-fuchsia-300: #EEAAFD;
  --color-fuchsia-400: #E478FA;
  --color-fuchsia-500: #D444F1;
  --color-fuchsia-600: #BA24D5;
  --color-fuchsia-700: #9F1AB1;
  --color-fuchsia-800: #821890;
  --color-fuchsia-900: #6F1877;
  --color-fuchsia-950: #47104C;
  --color-pink-25: #FEF6FB;
  --color-pink-50: #FDF2FA;
  --color-pink-100: #FCE7F6;
  --color-pink-200: #FCCEEE;
  --color-pink-300: #FAA7E0;
  --color-pink-400: #F670C7;
  --color-pink-500: #EE46BC;
  --color-pink-600: #DD2590;
  --color-pink-700: #C11574;
  --color-pink-800: #9E165F;
  --color-pink-900: #851651;
  --color-pink-950: #4E0D30;
  --color-rose-25: #FFF5F6;
  --color-rose-50: #FFF1F3;
  --color-rose-100: #FFE4E8;
  --color-rose-200: #FECDD6;
  --color-rose-300: #FEA3B4;
  --color-rose-400: #FD6F8E;
  --color-rose-500: #F63D68;
  --color-rose-600: #E31B54;
  --color-rose-700: #C01048;
  --color-rose-800: #A11043;
  --color-rose-900: #89123E;
  --color-rose-950: #510B24;
  --color-orange-dark-25: #FFF9F5;
  --color-orange-dark-50: #FFF4ED;
  --color-orange-dark-100: #FFE6D5;
  --color-orange-dark-200: #FFD6AE;
  --color-orange-dark-300: #FF9C66;
  --color-orange-dark-400: #FF692E;
  --color-orange-dark-500: #FF4405;
  --color-orange-dark-600: #E62E05;
  --color-orange-dark-700: #BC1B06;
  --color-orange-dark-800: #97180C;
  --color-orange-dark-900: #771A0D;
  --color-orange-dark-950: #57130A;
  --color-orange-25: #FEFAF5;
  --color-orange-50: #FEF6EE;
  --color-orange-100: #FDEAD7;
  --color-orange-200: #F9DBAF;
  --color-orange-300: #F7B27A;
  --color-orange-400: #F38744;
  --color-orange-500: #EF6820;
  --color-orange-600: #E04F16;
  --color-orange-700: #B93815;
  --color-orange-800: #932F19;
  --color-orange-900: #772917;
  --color-orange-950: #511C10;
  --color-yellow-25: #FEFDF0;
  --color-yellow-50: #FEFBE8;
  --color-yellow-100: #FEF7C3;
  --color-yellow-200: #FEEE95;
  --color-yellow-300: #FDE272;
  --color-yellow-400: #FAC515;
  --color-yellow-500: #EAAA08;
  --color-yellow-600: #CA8504;
  --color-yellow-700: #A15C07;
  --color-yellow-800: #854A0E;
  --color-yellow-900: #713B12;
  --color-yellow-950: #542C0D;
  /* Radius */
  --radius-none: 0px;
  --radius-xxs: 2px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 20px;
  --radius-4xl: 24px;
  --radius-full: 9999px;
  /* Spacing */
  --spacing-none: 0px;
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 6px;
  --spacing-md: 8px;
  --spacing-lg: 12px;
  --spacing-xl: 16px;
  --spacing-2xl: 20px;
  --spacing-3xl: 24px;
  --spacing-4xl: 32px;
  --spacing-5xl: 40px;
  --spacing-6xl: 48px;
  --spacing-7xl: 64px;
  --spacing-8xl: 80px;
  --spacing-9xl: 96px;
  --spacing-10xl: 128px;
  --spacing-11xl: 160px;
  /* Width */
  --width-xxs: 320px;
  --width-xs: 384px;
  --width-sm: 480px;
  --width-md: 560px;
  --width-lg: 640px;
  --width-xl: 768px;
  --width-2xl: 1024px;
  --width-3xl: 1280px;
  --width-4xl: 1440px;
  --width-5xl: 1600px;
  --width-6xl: 1920px;
  --paragraph-max-width: 720px;
  /* Container */
  --container-padding-mobile: 16px;
  --container-padding-desktop: 32px;
  --container-max-width-desktop: 1280px;
  /* Typography (typography.json) */
  --font-family-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-family-display: var(--font-family-sans);
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --text-display-family: var(--font-family-display);
  --text-display-size: 48px;
  --text-display-line-height: 60px;
  --text-display-weight: var(--font-weight-semibold);
  --text-display-tracking: -0.02em;
  --text-h1-family: var(--font-family-display);
  --text-h1-size: 32px;
  --text-h1-line-height: 40px;
  --text-h1-weight: var(--font-weight-semibold);
  --text-h1-tracking: -0.02em;
  --text-h2-family: var(--font-family-display);
  --text-h2-size: 24px;
  --text-h2-line-height: 32px;
  --text-h2-weight: var(--font-weight-semibold);
  --text-h2-tracking: 0;
  --text-h3-family: var(--font-family-display);
  --text-h3-size: 20px;
  --text-h3-line-height: 30px;
  --text-h3-weight: var(--font-weight-semibold);
  --text-h3-tracking: 0;
  --text-h4-family: var(--font-family-display);
  --text-h4-size: 18px;
  --text-h4-line-height: 28px;
  --text-h4-weight: var(--font-weight-medium);
  --text-h4-tracking: 0;
  --text-body-lg-family: var(--font-family-sans);
  --text-body-lg-size: 16px;
  --text-body-lg-line-height: 24px;
  --text-body-lg-weight: var(--font-weight-regular);
  --text-body-lg-tracking: 0;
  --text-body-family: var(--font-family-sans);
  --text-body-size: 14px;
  --text-body-line-height: 20px;
  --text-body-weight: var(--font-weight-regular);
  --text-body-tracking: 0;
  --text-small-family: var(--font-family-sans);
  --text-small-size: 12px;
  --text-small-line-height: 18px;
  --text-small-weight: var(--font-weight-regular);
  --text-small-tracking: 0;
  /* Semantic: light */
  color-scheme: light;
  --color-text-primary: var(--color-gray-light-mode-900);
  --color-text-primary-on-brand: var(--color-base-white);
  --color-text-secondary: var(--color-gray-light-mode-700);
  --color-text-secondary-hover: var(--color-gray-light-mode-800);
  --color-text-secondary-on-brand: var(--color-brand-200);
  --color-text-tertiary: var(--color-gray-light-mode-600);
  --color-text-tertiary-hover: var(--color-gray-light-mode-700);
  --color-text-tertiary-on-brand: var(--color-brand-200);
  --color-text-quarterary: var(--color-gray-light-mode-500);
  --color-text-quarterary-on-brand: var(--color-brand-300);
  --color-text-white: var(--color-base-white);
  --color-text-disabled: var(--color-gray-light-mode-500);
  --color-text-placeholder: var(--color-gray-light-mode-500);
  --color-text-placeholder-subtle: var(--color-gray-light-mode-300);
  --color-text-brand-primary: var(--color-brand-900);
  --color-text-brand-secondary: var(--color-brand-700);
  --color-text-brand-tertiary: var(--color-brand-600);
  --color-text-brand-tertiary-alt: var(--color-brand-600);
  --color-text-error-primary: var(--color-error-600);
  --color-text-warning-primary: var(--color-warning-600);
  --color-text-success-primary: var(--color-success-600);
  --color-border-primary: var(--color-gray-light-mode-300);
  --color-border-secondary: var(--color-gray-light-mode-200);
  --color-border-tertiary: var(--color-gray-light-mode-100);
  --color-border-disabled: var(--color-gray-light-mode-300);
  --color-border-disabled-subtle: var(--color-gray-light-mode-200);
  --color-border-brand: var(--color-brand-300);
  --color-border-brand-solid: var(--color-brand-600);
  --color-border-brand-solid-alt: var(--color-brand-600);
  --color-border-error: var(--color-error-300);
  --color-border-error-solid: var(--color-error-600);
  --color-fg-primary: var(--color-gray-light-mode-900);
  --color-fg-secondary: var(--color-gray-light-mode-700);
  --color-fg-secondary-hover: var(--color-gray-light-mode-800);
  --color-fg-tertiary: var(--color-gray-light-mode-600);
  --color-fg-tertiary-hover: var(--color-gray-light-mode-700);
  --color-fg-quarterary: var(--color-gray-light-mode-500);
  --color-fg-quarterary-hover: var(--color-gray-light-mode-600);
  --color-fg-quinary: var(--color-gray-light-mode-400);
  --color-fg-quinary-hover: var(--color-gray-light-mode-500);
  --color-fg-senary: var(--color-gray-light-mode-300);
  --color-fg-white: var(--color-base-white);
  --color-fg-disabled: var(--color-gray-light-mode-400);
  --color-fg-disabled-subtle: var(--color-gray-light-mode-300);
  --color-fg-brand-primary: var(--color-brand-600);
  --color-fg-brand-primary-alt: var(--color-brand-600);
  --color-fg-brand-secondary: var(--color-brand-500);
  --color-fg-error-primary: var(--color-error-600);
  --color-fg-error-secondary: var(--color-error-500);
  --color-fg-warning-primary: var(--color-warning-600);
  --color-fg-warning-secondary: var(--color-warning-500);
  --color-fg-success-primary: var(--color-success-600);
  --color-fg-success-secondary: var(--color-success-500);
  --color-bg-primary: var(--color-base-white);
  --color-bg-primary-alt: var(--color-base-white);
  --color-bg-primary-hover: var(--color-gray-light-mode-50);
  --color-bg-primary-solid: var(--color-gray-light-mode-950);
  --color-bg-secondary: var(--color-gray-light-mode-50);
  --color-bg-secondary-alt: var(--color-gray-light-mode-50);
  --color-bg-secondary-hover: var(--color-gray-light-mode-100);
  --color-bg-secondary-subtle: var(--color-gray-light-mode-25);
  --color-bg-secondary-solid: var(--color-gray-light-mode-600);
  --color-bg-tertiary: var(--color-gray-light-mode-100);
  --color-bg-quaternary: var(--color-gray-light-mode-200);
  --color-bg-active: var(--color-gray-light-mode-50);
  --color-bg-disabled: var(--color-gray-light-mode-100);
  --color-bg-disabled-subtle: var(--color-gray-light-mode-50);
  --color-bg-overlay: var(--color-gray-light-mode-950);
  --color-bg-brand-primary: var(--color-brand-50);
  --color-bg-brand-primary-alt: var(--color-brand-50);
  --color-bg-brand-secondary: var(--color-brand-100);
  --color-bg-brand-solid: var(--color-brand-600);
  --color-bg-brand-solid-hover: var(--color-brand-700);
  --color-bg-brand-section: var(--color-brand-800);
  --color-bg-brand-section-subtle: var(--color-brand-700);
  --color-bg-error-primary: var(--color-error-50);
  --color-bg-error-secondary: var(--color-error-100);
  --color-bg-error-solid: var(--color-error-600);
  --color-bg-warning-primary: var(--color-warning-50);
  --color-bg-warning-secondary: var(--color-warning-100);
  --color-bg-warning-solid: var(--color-warning-600);
  --color-bg-success-primary: var(--color-success-50);
  --color-bg-success-secondary: var(--color-success-100);
  --color-bg-success-solid: var(--color-success-600);
  --color-alpha-white-10: rgb(255 255 255 / 0.1);
  --color-alpha-white-20: rgb(255 255 255 / 0.2);
  --color-alpha-white-30: rgb(255 255 255 / 0.3);
  --color-alpha-white-40: rgb(255 255 255 / 0.4);
  --color-alpha-white-50: rgb(255 255 255 / 0.5);
  --color-alpha-white-60: rgb(255 255 255 / 0.6);
  --color-alpha-white-70: rgb(255 255 255 / 0.7);
  --color-alpha-white-80: rgb(255 255 255 / 0.8);
  --color-alpha-white-90: rgb(255 255 255 / 0.9);
  --color-alpha-white-100: #FFFFFF;
  --color-alpha-black-10: rgb(0 0 0 / 0.1);
  --color-alpha-black-20: rgb(0 0 0 / 0.2);
  --color-alpha-black-30: rgb(0 0 0 / 0.3);
  --color-alpha-black-40: rgb(0 0 0 / 0.4);
  --color-alpha-black-50: rgb(0 0 0 / 0.5);
  --color-alpha-black-60: rgb(0 0 0 / 0.6);
  --color-alpha-black-70: rgb(0 0 0 / 0.7);
  --color-alpha-black-80: rgb(0 0 0 / 0.8);
  --color-alpha-black-90: rgb(0 0 0 / 0.9);
  --color-alpha-black-100: #000000;
  --color-utility-gray-50: var(--color-gray-light-mode-50);
  --color-utility-gray-100: var(--color-gray-light-mode-100);
  --color-utility-gray-200: var(--color-gray-light-mode-200);
  --color-utility-gray-300: var(--color-gray-light-mode-300);
  --color-utility-gray-400: var(--color-gray-light-mode-400);
  --color-utility-gray-500: var(--color-gray-light-mode-500);
  --color-utility-gray-600: var(--color-gray-light-mode-600);
  --color-utility-gray-700: var(--color-gray-light-mode-700);
  --color-utility-gray-800: var(--color-gray-light-mode-800);
  --color-utility-gray-900: var(--color-gray-light-mode-900);
  --color-utility-brand-50: var(--color-brand-50);
  --color-utility-brand-50-alt: var(--color-brand-50);
  --color-utility-brand-100: var(--color-brand-100);
  --color-utility-brand-100-alt: var(--color-brand-100);
  --color-utility-brand-200: var(--color-brand-200);
  --color-utility-brand-200-alt: var(--color-brand-200);
  --color-utility-brand-300: var(--color-brand-300);
  --color-utility-brand-300-alt: var(--color-brand-300);
  --color-utility-brand-400: var(--color-brand-400);
  --color-utility-brand-400-alt: var(--color-brand-400);
  --color-utility-brand-500: var(--color-brand-500);
  --color-utility-brand-500-alt: var(--color-brand-500);
  --color-utility-brand-600: var(--color-brand-600);
  --color-utility-brand-600-alt: var(--color-brand-600);
  --color-utility-brand-700: var(--color-brand-700);
  --color-utility-brand-700-alt: var(--color-brand-700);
  --color-utility-brand-800: var(--color-brand-800);
  --color-utility-brand-800-alt: var(--color-brand-800);
  --color-utility-brand-900: var(--color-brand-900);
  --color-utility-brand-900-alt: var(--color-brand-900);
  --color-utility-error-50: var(--color-error-50);
  --color-utility-error-100: var(--color-error-100);
  --color-utility-error-200: var(--color-error-200);
  --color-utility-error-300: var(--color-error-300);
  --color-utility-error-400: var(--color-error-400);
  --color-utility-error-500: var(--color-error-500);
  --color-utility-error-600: var(--color-error-600);
  --color-utility-error-700: var(--color-error-700);
  --color-utility-warning-50: var(--color-warning-50);
  --color-utility-warning-100: var(--color-warning-100);
  --color-utility-warning-200: var(--color-warning-200);
  --color-utility-warning-300: var(--color-warning-300);
  --color-utility-warning-400: var(--color-warning-400);
  --color-utility-warning-500: var(--color-warning-500);
  --color-utility-warning-600: var(--color-warning-600);
  --color-utility-warning-700: var(--color-warning-700);
  --color-utility-success-50: var(--color-success-50);
  --color-utility-success-100: var(--color-success-100);
  --color-utility-success-200: var(--color-success-200);
  --color-utility-success-300: var(--color-success-300);
  --color-utility-success-400: var(--color-success-400);
  --color-utility-success-500: var(--color-success-500);
  --color-utility-success-600: var(--color-success-600);
  --color-utility-success-700: var(--color-success-700);
  --color-utility-gray-blue-50: var(--color-gray-blue-50);
  --color-utility-gray-blue-100: var(--color-gray-blue-100);
  --color-utility-gray-blue-200: var(--color-gray-blue-200);
  --color-utility-gray-blue-300: var(--color-gray-blue-300);
  --color-utility-gray-blue-400: var(--color-gray-blue-400);
  --color-utility-gray-blue-500: var(--color-gray-blue-500);
  --color-utility-gray-blue-600: var(--color-gray-blue-600);
  --color-utility-gray-blue-700: var(--color-gray-blue-700);
  --color-utility-blue-light-50: var(--color-blue-light-50);
  --color-utility-blue-light-100: var(--color-blue-light-100);
  --color-utility-blue-light-200: var(--color-blue-light-200);
  --color-utility-blue-light-300: var(--color-blue-light-300);
  --color-utility-blue-light-400: var(--color-blue-light-400);
  --color-utility-blue-light-500: var(--color-blue-light-500);
  --color-utility-blue-light-600: var(--color-blue-light-600);
  --color-utility-blue-light-700: var(--color-blue-light-700);
  --color-utility-blue-50: var(--color-blue-50);
  --color-utility-blue-100: var(--color-blue-100);
  --color-utility-blue-200: var(--color-blue-200);
  --color-utility-blue-300: var(--color-blue-300);
  --color-utility-blue-400: var(--color-blue-400);
  --color-utility-blue-500: var(--color-blue-500);
  --color-utility-blue-600: var(--color-blue-600);
  --color-utility-blue-700: var(--color-blue-700);
  --color-utility-blue-dark-50: var(--color-blue-dark-50);
  --color-utility-blue-dark-100: var(--color-blue-dark-100);
  --color-utility-blue-dark-200: var(--color-blue-dark-200);
  --color-utility-blue-dark-300: var(--color-blue-dark-300);
  --color-utility-blue-dark-400: var(--color-blue-dark-400);
  --color-utility-blue-dark-500: var(--color-blue-dark-500);
  --color-utility-blue-dark-600: var(--color-blue-dark-600);
  --color-utility-blue-dark-700: var(--color-blue-dark-700);
  --color-utility-indigo-50: var(--color-indigo-50);
  --color-utility-indigo-100: var(--color-indigo-100);
  --color-utility-indigo-200: var(--color-indigo-200);
  --color-utility-indigo-300: var(--color-indigo-300);
  --color-utility-indigo-400: var(--color-indigo-400);
  --color-utility-indigo-500: var(--color-indigo-500);
  --color-utility-indigo-600: var(--color-indigo-600);
  --color-utility-indigo-700: var(--color-indigo-700);
  --color-utility-purple-50: var(--color-purple-50);
  --color-utility-purple-100: var(--color-purple-100);
  --color-utility-purple-200: var(--color-purple-200);
  --color-utility-purple-300: var(--color-purple-300);
  --color-utility-purple-400: var(--color-purple-400);
  --color-utility-purple-500: var(--color-purple-500);
  --color-utility-purple-600: var(--color-purple-600);
  --color-utility-purple-700: var(--color-purple-700);
  --color-utility-fuchsia-50: var(--color-fuchsia-50);
  --color-utility-fuchsia-100: var(--color-fuchsia-100);
  --color-utility-fuchsia-200: var(--color-fuchsia-200);
  --color-utility-fuchsia-300: var(--color-fuchsia-300);
  --color-utility-fuchsia-400: var(--color-fuchsia-400);
  --color-utility-fuchsia-500: var(--color-fuchsia-500);
  --color-utility-fuchsia-600: var(--color-fuchsia-600);
  --color-utility-fuchsia-700: var(--color-fuchsia-700);
  --color-utility-pink-50: var(--color-pink-50);
  --color-utility-pink-100: var(--color-pink-100);
  --color-utility-pink-200: var(--color-pink-200);
  --color-utility-pink-300: var(--color-pink-300);
  --color-utility-pink-400: var(--color-pink-400);
  --color-utility-pink-500: var(--color-pink-500);
  --color-utility-pink-600: var(--color-pink-600);
  --color-utility-pink-700: var(--color-pink-700);
  --color-utility-orange-dark-50: var(--color-orange-dark-50);
  --color-utility-orange-dark-100: var(--color-orange-dark-100);
  --color-utility-orange-dark-200: var(--color-orange-dark-200);
  --color-utility-orange-dark-300: var(--color-orange-dark-300);
  --color-utility-orange-dark-400: var(--color-orange-dark-400);
  --color-utility-orange-dark-500: var(--color-orange-dark-500);
  --color-utility-orange-dark-600: var(--color-orange-dark-600);
  --color-utility-orange-dark-700: var(--color-orange-dark-700);
  --color-utility-orange-50: var(--color-orange-50);
  --color-utility-orange-100: var(--color-orange-100);
  --color-utility-orange-200: var(--color-orange-200);
  --color-utility-orange-300: var(--color-orange-300);
  --color-utility-orange-400: var(--color-orange-400);
  --color-utility-orange-500: var(--color-orange-500);
  --color-utility-orange-600: var(--color-orange-600);
  --color-utility-orange-700: var(--color-orange-700);
  --color-app-store-badge-border: #A6A6A6;
  --color-nav-item-button-icon-fg: var(--color-gray-light-mode-500);
  --color-nav-item-button-icon-fg-active: var(--color-gray-light-mode-700);
  --color-nav-item-icon-fg: var(--color-gray-light-mode-500);
  --color-nav-item-icon-fg-active: var(--color-gray-light-mode-500);
  --color-avatar-bg: var(--color-gray-light-mode-100);
  --color-avatar-profile-photo-border: var(--color-base-white);
  --color-avatar-contrast-border: rgb(0 0 0 / 0.08);
  --color-avatar-focus-border: rgb(152 162 179 / 0.14);
  --color-breadcrumb-fg: var(--color-gray-light-mode-600);
  --color-breadcrumb-fg-hover: var(--color-gray-light-mode-700);
  --color-breadcrumb-bg-hover: var(--color-gray-light-mode-50);
  --color-breadcrumb-brand-fg-hover: var(--color-brand-700);
  --color-breadcrumb-brand-bg-hover: var(--color-brand-50);
  --color-breadcrumb-icon-fg: var(--color-gray-light-mode-500);
  --color-breadcrumb-icon-fg-hover: var(--color-gray-light-mode-700);
  --color-breadcrumb-brand-icon-fg-hover: var(--color-brand-700);
  --color-button-primary-fg: var(--color-base-white);
  --color-button-primary-fg-hover: var(--color-base-white);
  --color-button-primary-bg: var(--color-brand-600);
  --color-button-primary-bg-hover: var(--color-brand-700);
  --color-button-primary-border: var(--color-brand-600);
  --color-button-primary-border-hover: var(--color-brand-700);
  --color-button-secondary-fg: var(--color-gray-light-mode-700);
  --color-button-secondary-fg-hover: var(--color-gray-light-mode-800);
  --color-button-secondary-bg: var(--color-base-white);
  --color-button-secondary-bg-hover: var(--color-gray-light-mode-50);
  --color-button-secondary-border: var(--color-gray-light-mode-300);
  --color-button-secondary-border-hover: var(--color-gray-light-mode-300);
  --color-button-secondary-color-fg: var(--color-brand-700);
  --color-button-secondary-color-fg-hover: var(--color-brand-800);
  --color-button-secondary-color-bg: var(--color-base-white);
  --color-button-secondary-color-bg-hover: var(--color-brand-50);
  --color-button-secondary-color-border: var(--color-brand-300);
  --color-button-secondary-color-border-hover: var(--color-brand-300);
  --color-button-tertiary-fg: var(--color-gray-light-mode-600);
  --color-button-tertiary-fg-hover: var(--color-gray-light-mode-700);
  --color-button-tertiary-bg-hover: var(--color-gray-light-mode-50);
  --color-button-tertiary-color-fg: var(--color-brand-700);
  --color-button-tertiary-color-fg-hover: var(--color-brand-800);
  --color-button-tertiary-color-bg-hover: var(--color-brand-50);
  --color-button-primary-error-fg: var(--color-base-white);
  --color-button-primary-error-fg-hover: var(--color-base-white);
  --color-button-primary-error-bg: var(--color-error-600);
  --color-button-primary-error-bg-hover: var(--color-error-700);
  --color-button-primary-error-border: var(--color-error-600);
  --color-button-primary-error-border-hover: var(--color-error-700);
  --color-button-secondary-error-fg: var(--color-error-700);
  --color-button-secondary-error-fg-hover: var(--color-error-800);
  --color-button-secondary-error-bg: var(--color-base-white);
  --color-button-secondary-error-bg-hover: var(--color-error-50);
  --color-button-secondary-error-border: var(--color-error-300);
  --color-button-secondary-error-border-hover: var(--color-error-300);
  --color-button-tertiary-error-fg: var(--color-error-700);
  --color-button-tertiary-error-fg-hover: var(--color-error-800);
  --color-button-tertiary-error-bg-hover: var(--color-error-50);
  --color-footer-button-fg: var(--color-brand-200);
  --color-footer-button-fg-hover: var(--color-base-white);
  --color-footer-badge-fg: var(--color-success-700);
  --color-footer-badge-bg: var(--color-success-50);
  --color-footer-badge-border: var(--color-success-200);
  --color-header-abstract-50-bg: var(--color-brand-50);
  --color-header-abstract-100-bg: var(--color-brand-100);
  --color-header-abstract-200-bg: var(--color-brand-200);
  --color-header-abstract-300-bg: var(--color-brand-300);
  --color-icon-fg-brand: var(--color-brand-600);
  --color-icon-fg-brand-on-brand: var(--color-brand-200);
  --color-featured-icon-light-fg-brand: var(--color-brand-600);
  --color-featured-icon-light-fg-gray: var(--color-gray-light-mode-500);
  --color-featured-icon-light-fg-error: var(--color-error-600);
  --color-featured-icon-light-fg-warning: var(--color-warning-600);
  --color-featured-icon-light-fg-success: var(--color-success-600);
  --color-featured-icon-dark-fg-brand: var(--color-base-white);
  --color-featured-icon-dark-fg-gray: var(--color-base-white);
  --color-featured-icon-dark-fg-error: var(--color-base-white);
  --color-featured-icon-dark-fg-warning: var(--color-base-white);
  --color-featured-icon-dark-fg-success: var(--color-base-white);
  --color-featured-icon-modern-border: var(--color-gray-light-mode-200);
  --color-social-icon-fg-x: #242E36;
  --color-social-icon-fg-instagram: #000100;
  --color-social-icon-fg-apple: var(--color-base-black);
  --color-social-icon-fg-github: var(--color-base-black);
  --color-social-icon-fg-angellist: var(--color-base-black);
  --color-social-icon-fg-tumblr: #001935;
  --color-screen-mockup-border: var(--color-gray-light-mode-900);
  --color-slider-handle-bg: var(--color-base-white);
  --color-slider-handle-border: var(--color-border-brand-solid);
  --color-thumbnail-badge-brand-fg: var(--color-brand-700);
  --color-thumbnail-badge-success-fg: var(--color-success-700);
  --color-toggle-button-fg-disabled: var(--color-gray-light-mode-50);
  --color-tooltip-supporting-text: var(--color-gray-light-mode-300);
  --color-wysiwyg-editor-icon-fg: var(--color-gray-light-mode-400);
  --color-wysiwyg-editor-icon-fg-active: var(--color-gray-light-mode-500);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-text-primary: var(--color-gray-dark-mode-50);
    --color-text-primary-on-brand: var(--color-gray-dark-mode-50);
    --color-text-secondary: var(--color-gray-dark-mode-300);
    --color-text-secondary-hover: var(--color-gray-dark-mode-200);
    --color-text-secondary-on-brand: var(--color-gray-dark-mode-300);
    --color-text-tertiary: var(--color-gray-dark-mode-400);
    --color-text-tertiary-hover: var(--color-gray-dark-mode-300);
    --color-text-tertiary-on-brand: var(--color-gray-dark-mode-400);
    --color-text-quarterary: var(--color-gray-dark-mode-400);
    --color-text-quarterary-on-brand: var(--color-gray-dark-mode-400);
    --color-text-white: var(--color-base-white);
    --color-text-disabled: var(--color-gray-dark-mode-500);
    --color-text-placeholder: var(--color-gray-dark-mode-500);
    --color-text-placeholder-subtle: var(--color-gray-dark-mode-700);
    --color-text-brand-primary: var(--color-gray-dark-mode-50);
    --color-text-brand-secondary: var(--color-gray-dark-mode-300);
    --color-text-brand-tertiary: var(--color-gray-dark-mode-400);
    --color-text-brand-tertiary-alt: var(--color-gray-dark-mode-50);
    --color-text-error-primary: var(--color-error-400);
    --color-text-warning-primary: var(--color-warning-400);
    --color-text-success-primary: var(--color-success-400);
    --color-border-primary: var(--color-gray-dark-mode-700);
    --color-border-secondary: var(--color-gray-dark-mode-800);
    --color-border-tertiary: var(--color-gray-dark-mode-800);
    --color-border-disabled: var(--color-gray-dark-mode-700);
    --color-border-disabled-subtle: var(--color-gray-dark-mode-800);
    --color-border-brand: var(--color-brand-400);
    --color-border-brand-solid: var(--color-brand-500);
    --color-border-brand-solid-alt: var(--color-gray-dark-mode-700);
    --color-border-error: var(--color-error-400);
    --color-border-error-solid: var(--color-error-500);
    --color-fg-primary: var(--color-base-white);
    --color-fg-secondary: var(--color-gray-dark-mode-300);
    --color-fg-secondary-hover: var(--color-gray-dark-mode-200);
    --color-fg-tertiary: var(--color-gray-dark-mode-400);
    --color-fg-tertiary-hover: var(--color-gray-dark-mode-300);
    --color-fg-quarterary: var(--color-gray-dark-mode-400);
    --color-fg-quarterary-hover: var(--color-gray-dark-mode-300);
    --color-fg-quinary: var(--color-gray-dark-mode-500);
    --color-fg-quinary-hover: var(--color-gray-dark-mode-400);
    --color-fg-senary: var(--color-gray-dark-mode-600);
    --color-fg-white: var(--color-base-white);
    --color-fg-disabled: var(--color-gray-dark-mode-500);
    --color-fg-disabled-subtle: var(--color-gray-dark-mode-600);
    --color-fg-brand-primary: var(--color-brand-500);
    --color-fg-brand-primary-alt: var(--color-gray-dark-mode-300);
    --color-fg-brand-secondary: var(--color-brand-500);
    --color-fg-error-primary: var(--color-error-500);
    --color-fg-error-secondary: var(--color-error-400);
    --color-fg-warning-primary: var(--color-warning-500);
    --color-fg-warning-secondary: var(--color-warning-400);
    --color-fg-success-primary: var(--color-success-500);
    --color-fg-success-secondary: var(--color-success-400);
    --color-bg-primary: var(--color-gray-dark-mode-950);
    --color-bg-primary-alt: var(--color-bg-secondary);
    --color-bg-primary-hover: var(--color-gray-dark-mode-800);
    --color-bg-primary-solid: var(--color-bg-secondary);
    --color-bg-secondary: var(--color-gray-dark-mode-900);
    --color-bg-secondary-alt: var(--color-bg-primary);
    --color-bg-secondary-hover: var(--color-gray-dark-mode-800);
    --color-bg-secondary-subtle: var(--color-gray-dark-mode-900);
    --color-bg-secondary-solid: var(--color-gray-dark-mode-600);
    --color-bg-tertiary: var(--color-gray-dark-mode-800);
    --color-bg-quaternary: var(--color-gray-dark-mode-700);
    --color-bg-active: var(--color-gray-dark-mode-800);
    --color-bg-disabled: var(--color-gray-dark-mode-800);
    --color-bg-disabled-subtle: var(--color-gray-dark-mode-900);
    --color-bg-overlay: var(--color-gray-dark-mode-800);
    --color-bg-brand-primary: var(--color-brand-500);
    --color-bg-brand-primary-alt: var(--color-bg-secondary);
    --color-bg-brand-secondary: var(--color-brand-600);
    --color-bg-brand-solid: var(--color-brand-600);
    --color-bg-brand-solid-hover: var(--color-brand-500);
    --color-bg-brand-section: var(--color-bg-secondary);
    --color-bg-brand-section-subtle: var(--color-bg-primary);
    --color-bg-error-primary: var(--color-error-500);
    --color-bg-error-secondary: var(--color-error-600);
    --color-bg-error-solid: var(--color-error-600);
    --color-bg-warning-primary: var(--color-warning-500);
    --color-bg-warning-secondary: var(--color-warning-600);
    --color-bg-warning-solid: var(--color-warning-600);
    --color-bg-success-primary: var(--color-success-500);
    --color-bg-success-secondary: var(--color-success-600);
    --color-bg-success-solid: var(--color-success-600);
    --color-alpha-white-10: rgb(12 17 29 / 0.1);
    --color-alpha-white-20: rgb(12 17 29 / 0.2);
    --color-alpha-white-30: rgb(12 17 29 / 0.3);
    --color-alpha-white-40: rgb(12 17 29 / 0.4);
    --color-alpha-white-50: rgb(12 17 29 / 0.5);
    --color-alpha-white-60: rgb(12 17 29 / 0.6);
    --color-alpha-white-70: rgb(12 17 29 / 0.7);
    --color-alpha-white-80: rgb(12 17 29 / 0.8);
    --color-alpha-white-90: rgb(12 17 29 / 0.9);
    --color-alpha-white-100: var(--color-gray-dark-mode-950);
    --color-alpha-black-10: rgb(255 255 255 / 0.1);
    --color-alpha-black-20: rgb(255 255 255 / 0.2);
    --color-alpha-black-30: rgb(255 255 255 / 0.3);
    --color-alpha-black-40: rgb(255 255 255 / 0.4);
    --color-alpha-black-50: rgb(255 255 255 / 0.5);
    --color-alpha-black-60: rgb(255 255 255 / 0.6);
    --color-alpha-black-70: rgb(255 255 255 / 0.7);
    --color-alpha-black-80: rgb(255 255 255 / 0.8);
    --color-alpha-black-90: rgb(255 255 255 / 0.9);
    --color-alpha-black-100: #FFFFFF;
    --color-utility-gray-50: var(--color-gray-dark-mode-900);
    --color-utility-gray-100: var(--color-gray-dark-mode-800);
    --color-utility-gray-200: var(--color-gray-dark-mode-700);
    --color-utility-gray-300: var(--color-gray-dark-mode-700);
    --color-utility-gray-400: var(--color-gray-dark-mode-600);
    --color-utility-gray-500: var(--color-gray-dark-mode-500);
    --color-utility-gray-600: var(--color-gray-dark-mode-400);
    --color-utility-gray-700: var(--color-gray-dark-mode-300);
    --color-utility-gray-800: var(--color-gray-dark-mode-200);
    --color-utility-gray-900: var(--color-gray-dark-mode-100);
    --color-utility-brand-50: var(--color-brand-950);
    --color-utility-brand-50-alt: var(--color-utility-gray-50);
    --color-utility-brand-100: var(--color-brand-900);
    --color-utility-brand-100-alt: var(--color-utility-gray-100);
    --color-utility-brand-200: var(--color-brand-800);
    --color-utility-brand-200-alt: var(--color-utility-gray-200);
    --color-utility-brand-300: var(--color-brand-700);
    --color-utility-brand-300-alt: var(--color-utility-gray-300);
    --color-utility-brand-400: var(--color-brand-600);
    --color-utility-brand-400-alt: var(--color-utility-gray-400);
    --color-utility-brand-500: var(--color-brand-500);
    --color-utility-brand-500-alt: var(--color-utility-gray-500);
    --color-utility-brand-600: var(--color-brand-400);
    --color-utility-brand-600-alt: var(--color-utility-gray-600);
    --color-utility-brand-700: var(--color-brand-300);
    --color-utility-brand-700-alt: var(--color-utility-gray-700);
    --color-utility-brand-800: var(--color-brand-200);
    --color-utility-brand-800-alt: var(--color-utility-gray-800);
    --color-utility-brand-900: var(--color-brand-100);
    --color-utility-brand-900-alt: var(--color-utility-gray-900);
    --color-utility-error-50: var(--color-error-950);
    --color-utility-error-100: var(--color-error-900);
    --color-utility-error-200: var(--color-error-800);
    --color-utility-error-300: var(--color-error-700);
    --color-utility-error-400: var(--color-error-600);
    --color-utility-error-500: var(--color-error-500);
    --color-utility-error-600: var(--color-error-400);
    --color-utility-error-700: var(--color-error-300);
    --color-utility-warning-50: var(--color-warning-950);
    --color-utility-warning-100: var(--color-warning-900);
    --color-utility-warning-200: var(--color-warning-800);
    --color-utility-warning-300: var(--color-warning-700);
    --color-utility-warning-400: var(--color-warning-600);
    --color-utility-warning-500: var(--color-warning-500);
    --color-utility-warning-600: var(--color-warning-400);
    --color-utility-warning-700: var(--color-warning-300);
    --color-utility-success-50: var(--color-success-950);
    --color-utility-success-100: var(--color-success-900);
    --color-utility-success-200: var(--color-success-800);
    --color-utility-success-300: var(--color-success-700);
    --color-utility-success-400: var(--color-success-600);
    --color-utility-success-500: var(--color-success-500);
    --color-utility-success-600: var(--color-success-400);
    --color-utility-success-700: var(--color-success-300);
    --color-utility-gray-blue-50: var(--color-gray-blue-900);
    --color-utility-gray-blue-100: var(--color-gray-blue-900);
    --color-utility-gray-blue-200: var(--color-gray-blue-800);
    --color-utility-gray-blue-300: var(--color-gray-blue-700);
    --color-utility-gray-blue-400: var(--color-gray-blue-600);
    --color-utility-gray-blue-500: var(--color-gray-blue-500);
    --color-utility-gray-blue-600: var(--color-gray-blue-400);
    --color-utility-gray-blue-700: var(--color-gray-blue-300);
    --color-utility-blue-light-50: var(--color-blue-light-950);
    --color-utility-blue-light-100: var(--color-blue-light-900);
    --color-utility-blue-light-200: var(--color-blue-light-800);
    --color-utility-blue-light-300: var(--color-blue-light-700);
    --color-utility-blue-light-400: var(--color-blue-light-600);
    --color-utility-blue-light-500: var(--color-blue-light-500);
    --color-utility-blue-light-600: var(--color-blue-light-400);
    --color-utility-blue-light-700: var(--color-blue-light-300);
    --color-utility-blue-50: var(--color-blue-950);
    --color-utility-blue-100: var(--color-blue-900);
    --color-utility-blue-200: var(--color-blue-800);
    --color-utility-blue-300: var(--color-blue-700);
    --color-utility-blue-400: var(--color-blue-600);
    --color-utility-blue-500: var(--color-blue-500);
    --color-utility-blue-600: var(--color-blue-400);
    --color-utility-blue-700: var(--color-blue-300);
    --color-utility-blue-dark-50: var(--color-blue-dark-950);
    --color-utility-blue-dark-100: var(--color-blue-dark-900);
    --color-utility-blue-dark-200: var(--color-blue-dark-800);
    --color-utility-blue-dark-300: var(--color-blue-dark-700);
    --color-utility-blue-dark-400: var(--color-blue-dark-600);
    --color-utility-blue-dark-500: var(--color-blue-dark-500);
    --color-utility-blue-dark-600: var(--color-blue-dark-400);
    --color-utility-blue-dark-700: var(--color-blue-dark-300);
    --color-utility-indigo-50: var(--color-indigo-950);
    --color-utility-indigo-100: var(--color-indigo-900);
    --color-utility-indigo-200: var(--color-indigo-800);
    --color-utility-indigo-300: var(--color-indigo-700);
    --color-utility-indigo-400: var(--color-indigo-600);
    --color-utility-indigo-500: var(--color-indigo-500);
    --color-utility-indigo-600: var(--color-indigo-400);
    --color-utility-indigo-700: var(--color-indigo-300);
    --color-utility-purple-50: var(--color-purple-950);
    --color-utility-purple-100: var(--color-purple-900);
    --color-utility-purple-200: var(--color-purple-800);
    --color-utility-purple-300: var(--color-purple-700);
    --color-utility-purple-400: var(--color-purple-600);
    --color-utility-purple-500: var(--color-purple-500);
    --color-utility-purple-600: var(--color-purple-400);
    --color-utility-purple-700: var(--color-purple-300);
    --color-utility-fuchsia-50: var(--color-fuchsia-950);
    --color-utility-fuchsia-100: var(--color-fuchsia-900);
    --color-utility-fuchsia-200: var(--color-fuchsia-800);
    --color-utility-fuchsia-300: var(--color-fuchsia-700);
    --color-utility-fuchsia-400: var(--color-fuchsia-600);
    --color-utility-fuchsia-500: var(--color-fuchsia-500);
    --color-utility-fuchsia-600: var(--color-fuchsia-400);
    --color-utility-fuchsia-700: var(--color-fuchsia-300);
    --color-utility-pink-50: var(--color-pink-950);
    --color-utility-pink-100: var(--color-pink-900);
    --color-utility-pink-200: var(--color-pink-800);
    --color-utility-pink-300: var(--color-pink-700);
    --color-utility-pink-400: var(--color-pink-600);
    --color-utility-pink-500: var(--color-pink-500);
    --color-utility-pink-600: var(--color-pink-400);
    --color-utility-pink-700: var(--color-pink-300);
    --color-utility-orange-dark-50: var(--color-orange-dark-950);
    --color-utility-orange-dark-100: var(--color-orange-dark-900);
    --color-utility-orange-dark-200: var(--color-orange-dark-800);
    --color-utility-orange-dark-300: var(--color-orange-dark-700);
    --color-utility-orange-dark-400: var(--color-orange-dark-600);
    --color-utility-orange-dark-500: var(--color-orange-dark-500);
    --color-utility-orange-dark-600: var(--color-orange-dark-400);
    --color-utility-orange-dark-700: var(--color-orange-dark-300);
    --color-utility-orange-50: var(--color-orange-950);
    --color-utility-orange-100: var(--color-orange-900);
    --color-utility-orange-200: var(--color-orange-800);
    --color-utility-orange-300: var(--color-orange-700);
    --color-utility-orange-400: var(--color-orange-600);
    --color-utility-orange-500: var(--color-orange-500);
    --color-utility-orange-600: var(--color-orange-400);
    --color-utility-orange-700: var(--color-orange-300);
    --color-app-store-badge-border: var(--color-base-white);
    --color-nav-item-button-icon-fg: var(--color-gray-dark-mode-400);
    --color-nav-item-button-icon-fg-active: var(--color-gray-dark-mode-200);
    --color-nav-item-icon-fg: var(--color-gray-dark-mode-400);
    --color-nav-item-icon-fg-active: var(--color-gray-dark-mode-200);
    --color-avatar-bg: var(--color-gray-dark-mode-800);
    --color-avatar-profile-photo-border: var(--color-gray-dark-mode-950);
    --color-avatar-contrast-border: rgb(255 255 255 / 0.12);
    --color-avatar-focus-border: rgb(152 162 179 / 0.14);
    --color-breadcrumb-fg: var(--color-gray-dark-mode-300);
    --color-breadcrumb-fg-hover: var(--color-base-white);
    --color-breadcrumb-bg-hover: var(--color-gray-dark-mode-800);
    --color-breadcrumb-brand-fg-hover: var(--color-base-white);
    --color-breadcrumb-brand-bg-hover: var(--color-gray-dark-mode-800);
    --color-breadcrumb-icon-fg: var(--color-gray-dark-mode-400);
    --color-breadcrumb-icon-fg-hover: var(--color-base-white);
    --color-breadcrumb-brand-icon-fg-hover: var(--color-base-white);
    --color-button-primary-fg: var(--color-base-white);
    --color-button-primary-fg-hover: var(--color-base-white);
    --color-button-primary-bg: var(--color-brand-600);
    --color-button-primary-bg-hover: var(--color-brand-700);
    --color-button-primary-border: var(--color-brand-600);
    --color-button-primary-border-hover: var(--color-brand-700);
    --color-button-secondary-fg: var(--color-gray-dark-mode-300);
    --color-button-secondary-fg-hover: var(--color-gray-dark-mode-100);
    --color-button-secondary-bg: var(--color-gray-dark-mode-900);
    --color-button-secondary-bg-hover: var(--color-gray-dark-mode-800);
    --color-button-secondary-border: var(--color-gray-dark-mode-700);
    --color-button-secondary-border-hover: var(--color-gray-dark-mode-700);
    --color-button-secondary-color-fg: var(--color-gray-dark-mode-300);
    --color-button-secondary-color-fg-hover: var(--color-gray-dark-mode-100);
    --color-button-secondary-color-bg: var(--color-gray-dark-mode-900);
    --color-button-secondary-color-bg-hover: var(--color-gray-dark-mode-800);
    --color-button-secondary-color-border: var(--color-gray-dark-mode-700);
    --color-button-secondary-color-border-hover: var(--color-gray-dark-mode-700);
    --color-button-tertiary-fg: var(--color-gray-dark-mode-400);
    --color-button-tertiary-fg-hover: var(--color-gray-dark-mode-200);
    --color-button-tertiary-bg-hover: var(--color-gray-dark-mode-800);
    --color-button-tertiary-color-fg: var(--color-gray-dark-mode-300);
    --color-button-tertiary-color-fg-hover: var(--color-gray-dark-mode-100);
    --color-button-tertiary-color-bg-hover: var(--color-gray-dark-mode-800);
    --color-button-primary-error-fg: var(--color-base-white);
    --color-button-primary-error-fg-hover: var(--color-base-white);
    --color-button-primary-error-bg: var(--color-error-600);
    --color-button-primary-error-bg-hover: var(--color-error-700);
    --color-button-primary-error-border: var(--color-error-600);
    --color-button-primary-error-border-hover: var(--color-error-700);
    --color-button-secondary-error-fg: var(--color-error-200);
    --color-button-secondary-error-fg-hover: var(--color-error-100);
    --color-button-secondary-error-bg: var(--color-error-950);
    --color-button-secondary-error-bg-hover: var(--color-error-900);
    --color-button-secondary-error-border: var(--color-error-800);
    --color-button-secondary-error-border-hover: var(--color-error-700);
    --color-button-tertiary-error-fg: var(--color-error-300);
    --color-button-tertiary-error-fg-hover: var(--color-error-200);
    --color-button-tertiary-error-bg-hover: var(--color-error-900);
    --color-footer-button-fg: var(--color-gray-dark-mode-300);
    --color-footer-button-fg-hover: var(--color-gray-dark-mode-100);
    --color-footer-badge-fg: var(--color-base-white);
    --color-footer-badge-bg: rgb(255 255 255 / 0.1);
    --color-footer-badge-border: rgb(255 255 255 / 0.3);
    --color-header-abstract-50-bg: var(--color-gray-dark-mode-900);
    --color-header-abstract-100-bg: var(--color-gray-dark-mode-800);
    --color-header-abstract-200-bg: var(--color-gray-dark-mode-700);
    --color-header-abstract-300-bg: var(--color-gray-dark-mode-600);
    --color-icon-fg-brand: var(--color-gray-dark-mode-400);
    --color-icon-fg-brand-on-brand: var(--color-gray-dark-mode-400);
    --color-featured-icon-light-fg-brand: var(--color-brand-200);
    --color-featured-icon-light-fg-gray: var(--color-gray-dark-mode-200);
    --color-featured-icon-light-fg-error: var(--color-error-200);
    --color-featured-icon-light-fg-warning: var(--color-warning-200);
    --color-featured-icon-light-fg-success: var(--color-success-200);
    --color-featured-icon-dark-fg-brand: var(--color-brand-200);
    --color-featured-icon-dark-fg-gray: var(--color-gray-dark-mode-200);
    --color-featured-icon-dark-fg-error: var(--color-error-200);
    --color-featured-icon-dark-fg-warning: var(--color-warning-200);
    --color-featured-icon-dark-fg-success: var(--color-success-200);
    --color-featured-icon-modern-border: var(--color-gray-dark-mode-700);
    --color-social-icon-fg-x: var(--color-base-white);
    --color-social-icon-fg-instagram: var(--color-base-white);
    --color-social-icon-fg-apple: var(--color-base-white);
    --color-social-icon-fg-github: var(--color-base-white);
    --color-social-icon-fg-angellist: var(--color-base-white);
    --color-social-icon-fg-tumblr: var(--color-base-white);
    --color-screen-mockup-border: var(--color-gray-dark-mode-700);
    --color-slider-handle-bg: var(--color-fg-brand-primary);
    --color-slider-handle-border: var(--color-bg-primary);
    --color-thumbnail-badge-brand-fg: var(--color-gray-dark-mode-300);
    --color-thumbnail-badge-success-fg: var(--color-gray-dark-mode-300);
    --color-toggle-button-fg-disabled: var(--color-gray-dark-mode-600);
    --color-tooltip-supporting-text: var(--color-gray-dark-mode-300);
    --color-wysiwyg-editor-icon-fg: var(--color-gray-dark-mode-400);
    --color-wysiwyg-editor-icon-fg-active: var(--color-base-white);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-text-primary: var(--color-gray-dark-mode-50);
  --color-text-primary-on-brand: var(--color-gray-dark-mode-50);
  --color-text-secondary: var(--color-gray-dark-mode-300);
  --color-text-secondary-hover: var(--color-gray-dark-mode-200);
  --color-text-secondary-on-brand: var(--color-gray-dark-mode-300);
  --color-text-tertiary: var(--color-gray-dark-mode-400);
  --color-text-tertiary-hover: var(--color-gray-dark-mode-300);
  --color-text-tertiary-on-brand: var(--color-gray-dark-mode-400);
  --color-text-quarterary: var(--color-gray-dark-mode-400);
  --color-text-quarterary-on-brand: var(--color-gray-dark-mode-400);
  --color-text-white: var(--color-base-white);
  --color-text-disabled: var(--color-gray-dark-mode-500);
  --color-text-placeholder: var(--color-gray-dark-mode-500);
  --color-text-placeholder-subtle: var(--color-gray-dark-mode-700);
  --color-text-brand-primary: var(--color-gray-dark-mode-50);
  --color-text-brand-secondary: var(--color-gray-dark-mode-300);
  --color-text-brand-tertiary: var(--color-gray-dark-mode-400);
  --color-text-brand-tertiary-alt: var(--color-gray-dark-mode-50);
  --color-text-error-primary: var(--color-error-400);
  --color-text-warning-primary: var(--color-warning-400);
  --color-text-success-primary: var(--color-success-400);
  --color-border-primary: var(--color-gray-dark-mode-700);
  --color-border-secondary: var(--color-gray-dark-mode-800);
  --color-border-tertiary: var(--color-gray-dark-mode-800);
  --color-border-disabled: var(--color-gray-dark-mode-700);
  --color-border-disabled-subtle: var(--color-gray-dark-mode-800);
  --color-border-brand: var(--color-brand-400);
  --color-border-brand-solid: var(--color-brand-500);
  --color-border-brand-solid-alt: var(--color-gray-dark-mode-700);
  --color-border-error: var(--color-error-400);
  --color-border-error-solid: var(--color-error-500);
  --color-fg-primary: var(--color-base-white);
  --color-fg-secondary: var(--color-gray-dark-mode-300);
  --color-fg-secondary-hover: var(--color-gray-dark-mode-200);
  --color-fg-tertiary: var(--color-gray-dark-mode-400);
  --color-fg-tertiary-hover: var(--color-gray-dark-mode-300);
  --color-fg-quarterary: var(--color-gray-dark-mode-400);
  --color-fg-quarterary-hover: var(--color-gray-dark-mode-300);
  --color-fg-quinary: var(--color-gray-dark-mode-500);
  --color-fg-quinary-hover: var(--color-gray-dark-mode-400);
  --color-fg-senary: var(--color-gray-dark-mode-600);
  --color-fg-white: var(--color-base-white);
  --color-fg-disabled: var(--color-gray-dark-mode-500);
  --color-fg-disabled-subtle: var(--color-gray-dark-mode-600);
  --color-fg-brand-primary: var(--color-brand-500);
  --color-fg-brand-primary-alt: var(--color-gray-dark-mode-300);
  --color-fg-brand-secondary: var(--color-brand-500);
  --color-fg-error-primary: var(--color-error-500);
  --color-fg-error-secondary: var(--color-error-400);
  --color-fg-warning-primary: var(--color-warning-500);
  --color-fg-warning-secondary: var(--color-warning-400);
  --color-fg-success-primary: var(--color-success-500);
  --color-fg-success-secondary: var(--color-success-400);
  --color-bg-primary: var(--color-gray-dark-mode-950);
  --color-bg-primary-alt: var(--color-bg-secondary);
  --color-bg-primary-hover: var(--color-gray-dark-mode-800);
  --color-bg-primary-solid: var(--color-bg-secondary);
  --color-bg-secondary: var(--color-gray-dark-mode-900);
  --color-bg-secondary-alt: var(--color-bg-primary);
  --color-bg-secondary-hover: var(--color-gray-dark-mode-800);
  --color-bg-secondary-subtle: var(--color-gray-dark-mode-900);
  --color-bg-secondary-solid: var(--color-gray-dark-mode-600);
  --color-bg-tertiary: var(--color-gray-dark-mode-800);
  --color-bg-quaternary: var(--color-gray-dark-mode-700);
  --color-bg-active: var(--color-gray-dark-mode-800);
  --color-bg-disabled: var(--color-gray-dark-mode-800);
  --color-bg-disabled-subtle: var(--color-gray-dark-mode-900);
  --color-bg-overlay: var(--color-gray-dark-mode-800);
  --color-bg-brand-primary: var(--color-brand-500);
  --color-bg-brand-primary-alt: var(--color-bg-secondary);
  --color-bg-brand-secondary: var(--color-brand-600);
  --color-bg-brand-solid: var(--color-brand-600);
  --color-bg-brand-solid-hover: var(--color-brand-500);
  --color-bg-brand-section: var(--color-bg-secondary);
  --color-bg-brand-section-subtle: var(--color-bg-primary);
  --color-bg-error-primary: var(--color-error-500);
  --color-bg-error-secondary: var(--color-error-600);
  --color-bg-error-solid: var(--color-error-600);
  --color-bg-warning-primary: var(--color-warning-500);
  --color-bg-warning-secondary: var(--color-warning-600);
  --color-bg-warning-solid: var(--color-warning-600);
  --color-bg-success-primary: var(--color-success-500);
  --color-bg-success-secondary: var(--color-success-600);
  --color-bg-success-solid: var(--color-success-600);
  --color-alpha-white-10: rgb(12 17 29 / 0.1);
  --color-alpha-white-20: rgb(12 17 29 / 0.2);
  --color-alpha-white-30: rgb(12 17 29 / 0.3);
  --color-alpha-white-40: rgb(12 17 29 / 0.4);
  --color-alpha-white-50: rgb(12 17 29 / 0.5);
  --color-alpha-white-60: rgb(12 17 29 / 0.6);
  --color-alpha-white-70: rgb(12 17 29 / 0.7);
  --color-alpha-white-80: rgb(12 17 29 / 0.8);
  --color-alpha-white-90: rgb(12 17 29 / 0.9);
  --color-alpha-white-100: var(--color-gray-dark-mode-950);
  --color-alpha-black-10: rgb(255 255 255 / 0.1);
  --color-alpha-black-20: rgb(255 255 255 / 0.2);
  --color-alpha-black-30: rgb(255 255 255 / 0.3);
  --color-alpha-black-40: rgb(255 255 255 / 0.4);
  --color-alpha-black-50: rgb(255 255 255 / 0.5);
  --color-alpha-black-60: rgb(255 255 255 / 0.6);
  --color-alpha-black-70: rgb(255 255 255 / 0.7);
  --color-alpha-black-80: rgb(255 255 255 / 0.8);
  --color-alpha-black-90: rgb(255 255 255 / 0.9);
  --color-alpha-black-100: #FFFFFF;
  --color-utility-gray-50: var(--color-gray-dark-mode-900);
  --color-utility-gray-100: var(--color-gray-dark-mode-800);
  --color-utility-gray-200: var(--color-gray-dark-mode-700);
  --color-utility-gray-300: var(--color-gray-dark-mode-700);
  --color-utility-gray-400: var(--color-gray-dark-mode-600);
  --color-utility-gray-500: var(--color-gray-dark-mode-500);
  --color-utility-gray-600: var(--color-gray-dark-mode-400);
  --color-utility-gray-700: var(--color-gray-dark-mode-300);
  --color-utility-gray-800: var(--color-gray-dark-mode-200);
  --color-utility-gray-900: var(--color-gray-dark-mode-100);
  --color-utility-brand-50: var(--color-brand-950);
  --color-utility-brand-50-alt: var(--color-utility-gray-50);
  --color-utility-brand-100: var(--color-brand-900);
  --color-utility-brand-100-alt: var(--color-utility-gray-100);
  --color-utility-brand-200: var(--color-brand-800);
  --color-utility-brand-200-alt: var(--color-utility-gray-200);
  --color-utility-brand-300: var(--color-brand-700);
  --color-utility-brand-300-alt: var(--color-utility-gray-300);
  --color-utility-brand-400: var(--color-brand-600);
  --color-utility-brand-400-alt: var(--color-utility-gray-400);
  --color-utility-brand-500: var(--color-brand-500);
  --color-utility-brand-500-alt: var(--color-utility-gray-500);
  --color-utility-brand-600: var(--color-brand-400);
  --color-utility-brand-600-alt: var(--color-utility-gray-600);
  --color-utility-brand-700: var(--color-brand-300);
  --color-utility-brand-700-alt: var(--color-utility-gray-700);
  --color-utility-brand-800: var(--color-brand-200);
  --color-utility-brand-800-alt: var(--color-utility-gray-800);
  --color-utility-brand-900: var(--color-brand-100);
  --color-utility-brand-900-alt: var(--color-utility-gray-900);
  --color-utility-error-50: var(--color-error-950);
  --color-utility-error-100: var(--color-error-900);
  --color-utility-error-200: var(--color-error-800);
  --color-utility-error-300: var(--color-error-700);
  --color-utility-error-400: var(--color-error-600);
  --color-utility-error-500: var(--color-error-500);
  --color-utility-error-600: var(--color-error-400);
  --color-utility-error-700: var(--color-error-300);
  --color-utility-warning-50: var(--color-warning-950);
  --color-utility-warning-100: var(--color-warning-900);
  --color-utility-warning-200: var(--color-warning-800);
  --color-utility-warning-300: var(--color-warning-700);
  --color-utility-warning-400: var(--color-warning-600);
  --color-utility-warning-500: var(--color-warning-500);
  --color-utility-warning-600: var(--color-warning-400);
  --color-utility-warning-700: var(--color-warning-300);
  --color-utility-success-50: var(--color-success-950);
  --color-utility-success-100: var(--color-success-900);
  --color-utility-success-200: var(--color-success-800);
  --color-utility-success-300: var(--color-success-700);
  --color-utility-success-400: var(--color-success-600);
  --color-utility-success-500: var(--color-success-500);
  --color-utility-success-600: var(--color-success-400);
  --color-utility-success-700: var(--color-success-300);
  --color-utility-gray-blue-50: var(--color-gray-blue-900);
  --color-utility-gray-blue-100: var(--color-gray-blue-900);
  --color-utility-gray-blue-200: var(--color-gray-blue-800);
  --color-utility-gray-blue-300: var(--color-gray-blue-700);
  --color-utility-gray-blue-400: var(--color-gray-blue-600);
  --color-utility-gray-blue-500: var(--color-gray-blue-500);
  --color-utility-gray-blue-600: var(--color-gray-blue-400);
  --color-utility-gray-blue-700: var(--color-gray-blue-300);
  --color-utility-blue-light-50: var(--color-blue-light-950);
  --color-utility-blue-light-100: var(--color-blue-light-900);
  --color-utility-blue-light-200: var(--color-blue-light-800);
  --color-utility-blue-light-300: var(--color-blue-light-700);
  --color-utility-blue-light-400: var(--color-blue-light-600);
  --color-utility-blue-light-500: var(--color-blue-light-500);
  --color-utility-blue-light-600: var(--color-blue-light-400);
  --color-utility-blue-light-700: var(--color-blue-light-300);
  --color-utility-blue-50: var(--color-blue-950);
  --color-utility-blue-100: var(--color-blue-900);
  --color-utility-blue-200: var(--color-blue-800);
  --color-utility-blue-300: var(--color-blue-700);
  --color-utility-blue-400: var(--color-blue-600);
  --color-utility-blue-500: var(--color-blue-500);
  --color-utility-blue-600: var(--color-blue-400);
  --color-utility-blue-700: var(--color-blue-300);
  --color-utility-blue-dark-50: var(--color-blue-dark-950);
  --color-utility-blue-dark-100: var(--color-blue-dark-900);
  --color-utility-blue-dark-200: var(--color-blue-dark-800);
  --color-utility-blue-dark-300: var(--color-blue-dark-700);
  --color-utility-blue-dark-400: var(--color-blue-dark-600);
  --color-utility-blue-dark-500: var(--color-blue-dark-500);
  --color-utility-blue-dark-600: var(--color-blue-dark-400);
  --color-utility-blue-dark-700: var(--color-blue-dark-300);
  --color-utility-indigo-50: var(--color-indigo-950);
  --color-utility-indigo-100: var(--color-indigo-900);
  --color-utility-indigo-200: var(--color-indigo-800);
  --color-utility-indigo-300: var(--color-indigo-700);
  --color-utility-indigo-400: var(--color-indigo-600);
  --color-utility-indigo-500: var(--color-indigo-500);
  --color-utility-indigo-600: var(--color-indigo-400);
  --color-utility-indigo-700: var(--color-indigo-300);
  --color-utility-purple-50: var(--color-purple-950);
  --color-utility-purple-100: var(--color-purple-900);
  --color-utility-purple-200: var(--color-purple-800);
  --color-utility-purple-300: var(--color-purple-700);
  --color-utility-purple-400: var(--color-purple-600);
  --color-utility-purple-500: var(--color-purple-500);
  --color-utility-purple-600: var(--color-purple-400);
  --color-utility-purple-700: var(--color-purple-300);
  --color-utility-fuchsia-50: var(--color-fuchsia-950);
  --color-utility-fuchsia-100: var(--color-fuchsia-900);
  --color-utility-fuchsia-200: var(--color-fuchsia-800);
  --color-utility-fuchsia-300: var(--color-fuchsia-700);
  --color-utility-fuchsia-400: var(--color-fuchsia-600);
  --color-utility-fuchsia-500: var(--color-fuchsia-500);
  --color-utility-fuchsia-600: var(--color-fuchsia-400);
  --color-utility-fuchsia-700: var(--color-fuchsia-300);
  --color-utility-pink-50: var(--color-pink-950);
  --color-utility-pink-100: var(--color-pink-900);
  --color-utility-pink-200: var(--color-pink-800);
  --color-utility-pink-300: var(--color-pink-700);
  --color-utility-pink-400: var(--color-pink-600);
  --color-utility-pink-500: var(--color-pink-500);
  --color-utility-pink-600: var(--color-pink-400);
  --color-utility-pink-700: var(--color-pink-300);
  --color-utility-orange-dark-50: var(--color-orange-dark-950);
  --color-utility-orange-dark-100: var(--color-orange-dark-900);
  --color-utility-orange-dark-200: var(--color-orange-dark-800);
  --color-utility-orange-dark-300: var(--color-orange-dark-700);
  --color-utility-orange-dark-400: var(--color-orange-dark-600);
  --color-utility-orange-dark-500: var(--color-orange-dark-500);
  --color-utility-orange-dark-600: var(--color-orange-dark-400);
  --color-utility-orange-dark-700: var(--color-orange-dark-300);
  --color-utility-orange-50: var(--color-orange-950);
  --color-utility-orange-100: var(--color-orange-900);
  --color-utility-orange-200: var(--color-orange-800);
  --color-utility-orange-300: var(--color-orange-700);
  --color-utility-orange-400: var(--color-orange-600);
  --color-utility-orange-500: var(--color-orange-500);
  --color-utility-orange-600: var(--color-orange-400);
  --color-utility-orange-700: var(--color-orange-300);
  --color-app-store-badge-border: var(--color-base-white);
  --color-nav-item-button-icon-fg: var(--color-gray-dark-mode-400);
  --color-nav-item-button-icon-fg-active: var(--color-gray-dark-mode-200);
  --color-nav-item-icon-fg: var(--color-gray-dark-mode-400);
  --color-nav-item-icon-fg-active: var(--color-gray-dark-mode-200);
  --color-avatar-bg: var(--color-gray-dark-mode-800);
  --color-avatar-profile-photo-border: var(--color-gray-dark-mode-950);
  --color-avatar-contrast-border: rgb(255 255 255 / 0.12);
  --color-avatar-focus-border: rgb(152 162 179 / 0.14);
  --color-breadcrumb-fg: var(--color-gray-dark-mode-300);
  --color-breadcrumb-fg-hover: var(--color-base-white);
  --color-breadcrumb-bg-hover: var(--color-gray-dark-mode-800);
  --color-breadcrumb-brand-fg-hover: var(--color-base-white);
  --color-breadcrumb-brand-bg-hover: var(--color-gray-dark-mode-800);
  --color-breadcrumb-icon-fg: var(--color-gray-dark-mode-400);
  --color-breadcrumb-icon-fg-hover: var(--color-base-white);
  --color-breadcrumb-brand-icon-fg-hover: var(--color-base-white);
  --color-button-primary-fg: var(--color-base-white);
  --color-button-primary-fg-hover: var(--color-base-white);
  --color-button-primary-bg: var(--color-brand-600);
  --color-button-primary-bg-hover: var(--color-brand-700);
  --color-button-primary-border: var(--color-brand-600);
  --color-button-primary-border-hover: var(--color-brand-700);
  --color-button-secondary-fg: var(--color-gray-dark-mode-300);
  --color-button-secondary-fg-hover: var(--color-gray-dark-mode-100);
  --color-button-secondary-bg: var(--color-gray-dark-mode-900);
  --color-button-secondary-bg-hover: var(--color-gray-dark-mode-800);
  --color-button-secondary-border: var(--color-gray-dark-mode-700);
  --color-button-secondary-border-hover: var(--color-gray-dark-mode-700);
  --color-button-secondary-color-fg: var(--color-gray-dark-mode-300);
  --color-button-secondary-color-fg-hover: var(--color-gray-dark-mode-100);
  --color-button-secondary-color-bg: var(--color-gray-dark-mode-900);
  --color-button-secondary-color-bg-hover: var(--color-gray-dark-mode-800);
  --color-button-secondary-color-border: var(--color-gray-dark-mode-700);
  --color-button-secondary-color-border-hover: var(--color-gray-dark-mode-700);
  --color-button-tertiary-fg: var(--color-gray-dark-mode-400);
  --color-button-tertiary-fg-hover: var(--color-gray-dark-mode-200);
  --color-button-tertiary-bg-hover: var(--color-gray-dark-mode-800);
  --color-button-tertiary-color-fg: var(--color-gray-dark-mode-300);
  --color-button-tertiary-color-fg-hover: var(--color-gray-dark-mode-100);
  --color-button-tertiary-color-bg-hover: var(--color-gray-dark-mode-800);
  --color-button-primary-error-fg: var(--color-base-white);
  --color-button-primary-error-fg-hover: var(--color-base-white);
  --color-button-primary-error-bg: var(--color-error-600);
  --color-button-primary-error-bg-hover: var(--color-error-700);
  --color-button-primary-error-border: var(--color-error-600);
  --color-button-primary-error-border-hover: var(--color-error-700);
  --color-button-secondary-error-fg: var(--color-error-200);
  --color-button-secondary-error-fg-hover: var(--color-error-100);
  --color-button-secondary-error-bg: var(--color-error-950);
  --color-button-secondary-error-bg-hover: var(--color-error-900);
  --color-button-secondary-error-border: var(--color-error-800);
  --color-button-secondary-error-border-hover: var(--color-error-700);
  --color-button-tertiary-error-fg: var(--color-error-300);
  --color-button-tertiary-error-fg-hover: var(--color-error-200);
  --color-button-tertiary-error-bg-hover: var(--color-error-900);
  --color-footer-button-fg: var(--color-gray-dark-mode-300);
  --color-footer-button-fg-hover: var(--color-gray-dark-mode-100);
  --color-footer-badge-fg: var(--color-base-white);
  --color-footer-badge-bg: rgb(255 255 255 / 0.1);
  --color-footer-badge-border: rgb(255 255 255 / 0.3);
  --color-header-abstract-50-bg: var(--color-gray-dark-mode-900);
  --color-header-abstract-100-bg: var(--color-gray-dark-mode-800);
  --color-header-abstract-200-bg: var(--color-gray-dark-mode-700);
  --color-header-abstract-300-bg: var(--color-gray-dark-mode-600);
  --color-icon-fg-brand: var(--color-gray-dark-mode-400);
  --color-icon-fg-brand-on-brand: var(--color-gray-dark-mode-400);
  --color-featured-icon-light-fg-brand: var(--color-brand-200);
  --color-featured-icon-light-fg-gray: var(--color-gray-dark-mode-200);
  --color-featured-icon-light-fg-error: var(--color-error-200);
  --color-featured-icon-light-fg-warning: var(--color-warning-200);
  --color-featured-icon-light-fg-success: var(--color-success-200);
  --color-featured-icon-dark-fg-brand: var(--color-brand-200);
  --color-featured-icon-dark-fg-gray: var(--color-gray-dark-mode-200);
  --color-featured-icon-dark-fg-error: var(--color-error-200);
  --color-featured-icon-dark-fg-warning: var(--color-warning-200);
  --color-featured-icon-dark-fg-success: var(--color-success-200);
  --color-featured-icon-modern-border: var(--color-gray-dark-mode-700);
  --color-social-icon-fg-x: var(--color-base-white);
  --color-social-icon-fg-instagram: var(--color-base-white);
  --color-social-icon-fg-apple: var(--color-base-white);
  --color-social-icon-fg-github: var(--color-base-white);
  --color-social-icon-fg-angellist: var(--color-base-white);
  --color-social-icon-fg-tumblr: var(--color-base-white);
  --color-screen-mockup-border: var(--color-gray-dark-mode-700);
  --color-slider-handle-bg: var(--color-fg-brand-primary);
  --color-slider-handle-border: var(--color-bg-primary);
  --color-thumbnail-badge-brand-fg: var(--color-gray-dark-mode-300);
  --color-thumbnail-badge-success-fg: var(--color-gray-dark-mode-300);
  --color-toggle-button-fg-disabled: var(--color-gray-dark-mode-600);
  --color-tooltip-supporting-text: var(--color-gray-dark-mode-300);
  --color-wysiwyg-editor-icon-fg: var(--color-gray-dark-mode-400);
  --color-wysiwyg-editor-icon-fg-active: var(--color-base-white);
}