:root {
  --palette-canvas: #ffffff;
  --palette-on-canvas: #24342f;
  --palette-surface: #f5f8f6;
  --palette-on-surface: #24342f;
  --palette-ink: #24342f;
  --palette-on-ink: #ffffff;
  --palette-accent: #557665;
  --palette-on-accent: #ffffff;
  --palette-support: #e8f1ec;
  --palette-on-support: #24342f;
  --palette-border: #708278;
  --palette-focus: #35594a;

--airy-canvas: var(--palette-canvas);
  --airy-text: var(--palette-on-canvas);
  --airy-muted: color-mix(
    in srgb,
    var(--palette-on-canvas) 74%,
    var(--palette-canvas)
  );
  --airy-surface: var(--palette-surface);
  --airy-on-surface: var(--palette-on-surface);
  --airy-ink: var(--palette-ink);
  --airy-on-ink: var(--palette-on-ink);
  --airy-accent: var(--palette-accent);
  --airy-on-accent: var(--palette-on-accent);
  --airy-soft: var(--palette-support);
  --airy-support: var(--palette-support);
  --airy-on-soft: var(--palette-on-support);
  --airy-line: var(--palette-border);
  --airy-border: var(--palette-border);
  --airy-focus: var(--palette-focus);
}