:root {
  --color-olivine-50: #f7f9f4;
  --color-olivine-100: #ecf3e5;
  --color-olivine-200: #d9e6cc;
  --color-olivine-300: #b9d2a3;
  --color-olivine-400: #a5c28b;
  --color-olivine-500: #71984f;
  --color-olivine-600: #5b7c3d;
  --color-olivine-700: #496332;
  --color-olivine-800: #3c4f2c;
  --color-olivine-900: #314225;
  --color-olivine-950: #182310;
  --color-blue-50: #eff8ff;
  --color-blue-100: #daeeff;
  --color-blue-200: #bee2ff;
  --color-blue-300: #91d1ff;
  --color-blue-400: #5db6fd;
  --color-blue-500: #3795fa;
  --color-blue-600: #2177ef;
  --color-blue-700: #1960dc;
  --color-blue-800: #1d54bf;
  --color-blue-900: #1c458c;
  --color-blue-950: #162b55;
  --color-orange-50: #fffaea;
  --color-orange-100: #fff2c5;
  --color-orange-200: #ffe487;
  --color-orange-300: #ffd048;
  --color-orange-400: #ffbb1e;
  --color-orange-500: #fc9804;
  --color-orange-600: #db6e00;
  --color-orange-700: #b94c04;
  --color-orange-800: #963a0a;
  --color-orange-900: #7b300c;
  --color-orange-950: #471701;
  --color-indigo-50: #eef1f8;
  --color-indigo-100: #d9dff0;
  --color-indigo-200: #b3bfe1;
  --color-indigo-300: #8d9fd2;
  --color-indigo-400: #6780c3;
  --color-indigo-500: #4c62ad;
  --color-indigo-600: #3d4e8a;
  --color-indigo-700: #2e3b68;
  --color-indigo-800: #1f2745;
  --color-indigo-900: #0f1423;
  --color-indigo-950: #080a11;
  --color-copper-50: #fdf6f0;
  --color-copper-100: #fae9d8;
  --color-copper-200: #f5d3b1;
  --color-copper-300: #e6a86a;
  --color-copper-400: #d68a3f;
  --color-copper-500: #c27229;
  --color-copper-600: #9b5b21;
  --color-copper-700: #744419;
  --color-copper-800: #4d2d10;
  --color-copper-900: #271708;
  --color-copper-950: #130b04;
  --color-dark-50: #fafafa;
  --color-dark-100: #f5f5f5;
  --color-dark-200: #e5e5e5;
  --color-dark-300: #d4d4d4;
  --color-dark-400: #a1a1a1;
  --color-dark-500: #737373;
  --color-dark-600: #525252;
  --color-dark-700: #404040;
  --color-dark-800: #262626;
  --color-dark-900: #171717;
  --color-dark-950: #0a0a0a;
  --color-brand-text: #4a514a;
  --color-brand-bg-light: #f6f7f9;
  --color-primary: var(--color-olivine-500);
  --color-primary-hover: var(--color-olivine-600);
  --color-primary-active: var(--color-olivine-700);
  --color-primary-light: var(--color-olivine-400);
  --color-primary-lighter: var(--color-olivine-100);
  --color-secondary: var(--color-blue-500);
  --color-secondary-hover: var(--color-blue-600);
  --color-secondary-active: var(--color-blue-700);
  --color-secondary-light: var(--color-blue-400);
  --color-secondary-lighter: var(--color-blue-100);
  --color-accent: var(--color-orange-500);
  --color-accent-hover: var(--color-orange-600);
  --color-accent-active: var(--color-orange-700);
  --color-accent-light: var(--color-orange-400);
  --color-accent-lighter: var(--color-orange-100);
  --color-tertiary: var(--color-indigo-500);
  --color-tertiary-hover: var(--color-indigo-600);
  --color-tertiary-active: var(--color-indigo-700);
  --color-tertiary-light: var(--color-indigo-400);
  --color-tertiary-lighter: var(--color-indigo-100);
  --color-cta: var(--color-copper-500);
  --color-cta-hover: var(--color-copper-600);
  --color-cta-active: var(--color-copper-700);
  --color-cta-light: var(--color-copper-400);
  --color-cta-lighter: var(--color-copper-100);
  --color-text: var(--color-brand-text);
  --color-text-secondary: var(--color-dark-600);
  --color-text-muted: var(--color-dark-500);
  --color-text-light: var(--color-dark-400);
  --color-text-inverted: #ffffff;
  --color-background: #ffffff;
  --color-background-alt: var(--color-brand-bg-light);
  --color-background-subtle: var(--color-dark-100);
  --color-background-dark: var(--color-dark-900);
  --color-border: var(--color-dark-200);
  --color-border-light: var(--color-dark-100);
  --color-border-dark: var(--color-dark-300);
  --color-success: var(--color-olivine-500);
  --color-success-light: var(--color-olivine-100);
  --color-info: var(--color-blue-500);
  --color-info-light: var(--color-blue-100);
  --color-warning: var(--color-orange-500);
  --color-warning-light: var(--color-orange-100);
  --color-error: #ef4444;
  --color-error-light: #fef2f2;
  --ispc--preset--color--primary: var(--color-olivine-500);
  --ispc--preset--color--primary-dark: var(--color-olivine-600);
  --ispc--preset--color--primary-light: var(--color-olivine-400);
  --ispc--preset--color--secondary: var(--color-blue-500);
  --ispc--preset--color--secondary-light: var(--color-blue-400);
  --ispc--preset--color--tertiary: var(--color-indigo-500);
  --ispc--preset--color--tertiary-light: var(--color-indigo-400);
  --ispc--preset--color--accent: var(--color-orange-500);
  --ispc--preset--color--cta: var(--color-copper-500);
  --ispc--preset--color--background: var(--color-brand-bg-light);
  --ispc--preset--color--background-alt: var(--color-dark-100);
  --ispc--preset--color--white: #ffffff;
  --ispc--preset--color--text: var(--color-brand-text);
  --ispc--preset--color--text-light: var(--color-dark-600);
  --ispc--preset--color--text-muted: var(--color-dark-500);
  --ispc--preset--color--border: var(--color-dark-200);
  --ispc--preset--color--success: var(--color-olivine-500);
  --ispc--preset--color--error: #ef4444;
  --ispc--preset--color--warning: var(--color-orange-500);
}
.text-primary {
  color: var(--color-primary);
}
.text-secondary {
  color: var(--color-secondary);
}
.text-accent {
  color: var(--color-accent);
}
.text-muted {
  color: var(--color-text-muted);
}
.text-dark {
  color: var(--color-text);
}
.text-light {
  color: var(--color-text-light);
}
.text-white {
  color: #ffffff;
}
.bg-primary {
  background-color: var(--color-primary);
}
.bg-primary-light {
  background-color: var(--color-primary-lighter);
}
.bg-secondary {
  background-color: var(--color-secondary);
}
.bg-secondary-light {
  background-color: var(--color-secondary-lighter);
}
.bg-accent {
  background-color: var(--color-accent);
}
.bg-accent-light {
  background-color: var(--color-accent-lighter);
}
.bg-white {
  background-color: #ffffff;
}
.bg-light {
  background-color: var(--color-background-alt);
}
.bg-subtle {
  background-color: var(--color-background-subtle);
}
.bg-dark {
  background-color: var(--color-background-dark);
}
.border-primary {
  border-color: var(--color-primary);
}
.border-secondary {
  border-color: var(--color-secondary);
}
.border-tertiary {
  border-color: var(--color-tertiary);
}
.border-default {
  border-color: var(--color-border);
}
.border-light {
  border-color: var(--color-border-light);
}
.text-tertiary {
  color: var(--color-tertiary);
}
.bg-tertiary {
  background-color: var(--color-tertiary);
}
.bg-tertiary-light {
  background-color: var(--color-tertiary-lighter);
}
.text-cta {
  color: var(--color-cta);
}
.bg-cta {
  background-color: var(--color-cta);
}
.bg-cta-light {
  background-color: var(--color-cta-lighter);
}