:root {
  --brand-accent:          #1ba1e2;   --brand-accent-deep:     #0d4b69;   --brand-accent-contrast: #ffffff;   --brand-bg:          #ffffff;       --brand-surface:     #ffffff;       --brand-surface-alt: #f5f5f5;       --brand-text:          #333333;
  --brand-text-muted:    #717171;
  --brand-text-faint:    #919191;
  --brand-text-disabled: #a1a1a1;

  --brand-border:  #cccccc;
  --brand-hover:   #dddddd;
  --brand-danger:  #b11226;             --brand-warn:    #c77700;             --brand-success: var(--brand-accent); --brand-font:      system-ui, -apple-system, "Segoe UI", sans-serif;
  --brand-font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;

  --brand-radius:    4px;
  --brand-radius-lg: 8px;

  --brand-shadow-rgb: 15 23 28;

  --brand-logo: url("/brand/logo.svg");
}