/* Shared roles for this local white-canvas study. */
:root {
  --brand-paper: #FBFBFD;
  --brand-surface: #FFFFFF;
  --brand-ink: #202039;
  --brand-muted: #656476;
  --brand-violet: #6938EF;
  --brand-violet-hover: #5424CC;
  --brand-lilac: #EEE8FD;
  --brand-lime: #C9FA79;
  --brand-divider: #E5E4EB;
  --brand-positive: #176B4A;
  --brand-cautious: #994427;
  --brand-glow-violet: #6938EF24;
  --brand-glow-blue: #5BBCEB30;
  --brand-card-shadow: 0 12px 32px #2020390A;
}
.brand-atmosphere {
  background-color: var(--brand-paper);
  color: var(--brand-ink);
}
.brand-reading-surface {
  background: var(--brand-surface);
  color: var(--brand-ink);
  border-color: var(--brand-divider);
}
.brand-dark-statement { background: var(--brand-ink); color: var(--brand-paper); }
.brand-positive-label { color: var(--brand-positive); }
.brand-cautious-label { color: var(--brand-cautious); }