/* Homepage anchors are exact. Intermediate steps are custom, Radix-structured light scales. */
:root {
  --brand-paper: #fbfaf6;
  --brand-ink: #07172e;
  --brand-vermilion: #f25c2e;
  --brand-olive: #666842;
  --brand-charcoal: #333333;
  --brand-citron: #e7e47a;
  --brand-olive-surface: #eeefcf;
  --brand-olive-border: #a5aa63;
  --brand-olive-text: #44482b;
  --brand-line: #dcdedc;
  --brand-icon: #929692;
  --brand-icon-hover: #b9bdb8;
  --vermilion-1: #fffaf7;
  --vermilion-2: #fff3ec;
  --vermilion-3: #ffe7d9;
  --vermilion-4: #ffd8c3;
  --vermilion-5: #ffc6aa;
  --vermilion-6: #f5b092;
  --vermilion-7: #eb9470;
  --vermilion-8: #df744b;
  --vermilion-9: #f25c2e;
  --vermilion-10: #df4c20;
  --vermilion-11: #b63816;
  --vermilion-12: #572819;
  --neutral-1: #fbfaf6;
  --neutral-2: #f5f4ef;
  --neutral-3: #eeeee7;
  --neutral-4: #e7e8df;
  --neutral-5: #e1e2d7;
  --neutral-6: #dcdedc;
  --neutral-7: #c3c7bd;
  --neutral-8: #a7aea0;
  --neutral-9: #929692;
  --neutral-10: #818679;
  --neutral-11: #666842;
  --neutral-12: #07172e;
  --color-background: var(--brand-paper);
  --color-text: var(--brand-ink);
  --color-text-secondary: color-mix(in oklab, var(--color-text) 80%, var(--color-background));
  --color-tag-background: color-mix(in oklab, var(--brand-olive-surface) 50%, var(--color-background));
  --color-tag-text: var(--brand-olive);
  --color-tag-accent-background: var(--vermilion-2);
  --color-tag-accent-text: var(--vermilion-11);
  --color-text-muted: var(--brand-olive);
  --color-accent: var(--brand-vermilion);
  --color-accent-soft: color-mix(in oklab, var(--brand-vermilion) 80%, var(--brand-paper));
  --color-link: var(--vermilion-11);
  --color-border: var(--brand-line);
  --color-footer: var(--brand-charcoal);
  --color-on-footer: var(--brand-paper);
  --color-footer-link: var(--brand-citron);
  --color-focus: var(--vermilion-11);
}