:root {
  --brand-ink: oklch(28.5% 0.063 252);
  --brand-blue: oklch(37.3% 0.112 257);
  --brand-blue-hover: oklch(32.1% 0.094 257);
  --brand-yellow: oklch(92.7% 0.122 96);
  --brand-canvas: oklch(97.2% 0.003 130);
  --brand-surface: oklch(99% 0.001 203);
  --brand-border: oklch(91.3% 0.012 248);
  --brand-muted: oklch(52% 0.04 250);
  --brand-radius: 0.65rem;
  --font-ui: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --brand-focus: oklch(55% 0.13 255);
  --brand-danger: oklch(48% 0.17 25);
  --brand-ok: oklch(47% 0.095 158);
  --brand-ok-soft: oklch(95% 0.03 155);
  --brand-warn-soft: oklch(96% 0.04 85);
  --brand-rail: oklch(98.4% 0.004 230);
  --control-radius: 0.45rem;
}