/* Frame palette: the Shapes "ai-operator" palette (shapes.aimeko.com/palette/ai-operator.md)
   and the base semantic aliases, copied as published on origin/main. Every colour on the
   site comes from this file and nothing re-points an alias. */

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat-variable.woff2) format('woff2');
}

:root {
  --brand-black: #000000;
  --brand-main: #1a0002;
  --brand-main-light: #3a2026;
  --brand-highlight: #ff5e6c;
  --brand-highlight-hover: #EA5663;
  --semantic-success: #00C46A;
  --semantic-warning: #FBBF24;
  --semantic-error: #EF4444;
  --semantic-info: #0958D9;
  --neutral-0: #FFFFFF;
  --neutral-1: #E5E5E5;
  --neutral-2: #2A2F33;
  --neutral-3: #0D0F10;
  --background: #E5E5E5;

  --text-body: var(--neutral-3);
  --text-muted: var(--neutral-2);
  --text-display: var(--brand-black);
  --border: var(--brand-main);
  --bg: var(--background);
  --surface: var(--neutral-0);
  --text-inverse: var(--neutral-0);
  --text-on-highlight: var(--brand-main);
  --font-heading: 'Montserrat', system-ui, sans-serif;
  --font-body: 'Montserrat', system-ui, sans-serif;
}