/* Generated by tools/palette.py. Every colour on the site is derived from the three
   seed hues below, so the palette stays harmonious whichever hue you choose. */
:root {
  --hue: 182;
  --hue-accent: 68;
  --hue-neutral: 85;

  --brand-950: #001915;
  --brand-900: #002B26;
  --brand-800: #023F38;
  --brand-700: #05544A;
  --brand-600: #006D61;
  --brand-500: #148D7F;
  --brand-400: #56B1A3;
  --brand-300: #8DD0C4;
  --brand-200: #B9E6DD;
  --brand-100: #D6F2ED;
  --brand-50: #EAF9F6;
  --accent-700: #8B5500;
  --accent-500: #EEA753;
  --accent-300: #FCCA94;
  --accent-100: #FEEBD7;
  --paper: #FCFAF6;
  --paper-2: #F6F3EC;
  --paper-3: #EFEBE1;
  --line: #E5E1D7;
  --line-strong: #D0CABE;
  --ink: #23312E;
  --muted: #4E5F5C;
}

@supports (color: oklch(0% 0 0)) {
  :root {
    --brand-950: oklch(19% 0.035 var(--hue));
    --brand-900: oklch(26% 0.048 var(--hue));
    --brand-800: oklch(33% 0.058 var(--hue));
    --brand-700: oklch(40% 0.07 var(--hue));
    --brand-600: oklch(48% 0.088 var(--hue));
    --brand-500: oklch(58% 0.1 var(--hue));
    --brand-400: oklch(70% 0.09 var(--hue));
    --brand-300: oklch(81% 0.07 var(--hue));
    --brand-200: oklch(89% 0.048 var(--hue));
    --brand-100: oklch(94% 0.03 var(--hue));
    --brand-50: oklch(97% 0.016 var(--hue));
    --accent-700: oklch(50% 0.11 var(--hue-accent));
    --accent-500: oklch(78% 0.13 var(--hue-accent));
    --accent-300: oklch(87% 0.09 var(--hue-accent));
    --accent-100: oklch(95% 0.034 var(--hue-accent));
    --paper: oklch(98.5% 0.006 var(--hue-neutral));
    --paper-2: oklch(96.5% 0.01 var(--hue-neutral));
    --paper-3: oklch(94% 0.014 var(--hue-neutral));
    --line: oklch(91% 0.014 var(--hue-neutral));
    --line-strong: oklch(84% 0.018 var(--hue-neutral));
    --ink: oklch(30% 0.02 var(--hue));
    --muted: oklch(47% 0.022 var(--hue));
  }
}