/* Veld colours · Brand Kit 2.0 · 26 October 2026. Paste into any stylesheet. */
:root{
  --veld-orange: #E4552C;
  --veld-orange-deep: #C64318;
  --veld-ink: #111110;
  --veld-white: #FFFFFF;
  --veld-paper: #FAFAF8;
  --veld-grid: #EAE8E2;
  --veld-hairline: #E6E4DF;
  --veld-slate: #6B6B67;
  --veld-ink-2: #3A3A37;
  --veld-on-ink: #C9C6BE;
  --veld-orange-50: #FDF3F0;
  --veld-orange-100: #FBE6DF;
  --veld-orange-200: #F7CCC0;
  --veld-orange-300: #F2AA96;
  --veld-orange-400: #EB8163;
  --veld-orange-500: #E4552C;
  --veld-orange-600: #C64318;
  --veld-orange-700: #913D26;
  --veld-orange-800: #6F3322;
  --veld-orange-900: #4E281D;
  --veld-orange-950: #321E18;
  --veld-grey-0: #FFFFFF;
  --veld-grey-50: #FAFAF8;
  --veld-grey-100: #F2F1ED;
  --veld-grey-200: #E6E4DF;
  --veld-grey-300: #D3D0C9;
  --veld-grey-400: #B9B6AE;
  --veld-grey-500: #9A9891;
  --veld-grey-600: #6B6B67;
  --veld-grey-700: #3A3A37;
  --veld-grey-800: #262624;
  --veld-grey-900: #1A1A19;
  --veld-grey-950: #111110;
  --veld-chart-1: #E4552C; /* Orange */
  --veld-chart-2: #2F6BD8; /* Blue */
  --veld-chart-3: #0E9C88; /* Teal */
  --veld-chart-4: #7C5CE0; /* Violet */
  --veld-chart-5: #3B8E1F; /* Green */
  --veld-chart-6: #1C8FD0; /* Sky */
  --veld-chart-7: #C99000; /* Amber */
  --veld-chart-8: #D6458C; /* Pink */
  --veld-status-good: #0CA30C;
  --veld-status-warning: #FAB219;
  --veld-status-serious: #EC835A;
  --veld-status-critical: #D03B3B;
  --veld-serif: "Instrument Serif", Georgia, "Times New Roman", serif;
  --veld-sans: "Instrument Sans", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --veld-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
}
/* Charts on dark surfaces (#161615): swap the series colours */
.veld-dark{
  --veld-chart-1: #E4552C;
  --veld-chart-2: #3D7DE6;
  --veld-chart-3: #16A08C;
  --veld-chart-4: #8A72F0;
  --veld-chart-5: #4C9F2C;
  --veld-chart-6: #2690D0;
  --veld-chart-7: #B88000;
  --veld-chart-8: #E0609C;
}