/* GENERATED by scripts/brand.mjs from brand/palette.json — do not edit. */
:root {
  --brand: #111111;
  --brand-foreground: #FFFFFF;
  --brand-ink: #111111;
  /** The identity lime, unchanged by theme — the logo and nothing else. */
  --brand-identity: #111111;
  /* The logo tile. The glyph on it is --brand-identity. */
  --brand-tint: #E5E5E5;

  /* The primary button, and only the primary button. A second yellow control on
     the same screen means neither is primary. */
  --action: #111111;
  --action-foreground: #FAFAFA;

  --wehi-ink: #0A0A0A;
  --wehi-cream: #FAFAFA;
  --wehi-forest: #171717;
}

/* On a dark surface the fill can be the identity lime itself; on cream it has
   to deepen or the button has no edge. The logo never changes either way. */
.dark {
  --brand: #FAFAFA;
  --brand-foreground: #0A0A0A;
  --brand-ink: #FAFAFA;
  --action: #FAFAFA;
  --action-foreground: #0A0A0A;
}