/* Shared brand palette. Layout and light/dark surface roles remain local. */
:root {
  --brand-accent: #c6f52b;
  --brand-action: #c6f52b;
  --brand-action-gradient: linear-gradient(120deg, #d8ff59 0%, #c6f52b 48%, #a8dd16 100%);
  --brand-action-gradient-hover: linear-gradient(120deg, #e1ff79 0%, #d1fa45 48%, #b6e928 100%);
  --brand-on-action: #15190d;
  --brand-accent-hover: #d1fa45;
  --brand-accent-rgb: 198 245 43;
  --brand-accent-soft: #eff8cf;
  --brand-accent-ink: #455c0d;
  --brand-focus: #c6f52b;
  --brand-charcoal: #1c1c1e;
  --brand-panel: #252527;
  --brand-elevated: #2d2d30;
  --brand-dark-line: #3c3c40;
  --brand-dark-text: #f5f5f7;
  --brand-dark-muted: #b1b1b9;
  --brand-light: #f5f5f7;
  --brand-light-line: #dedee3;
  --brand-light-text: #232326;
  --brand-light-muted: #64646d;
}