/* Shared visual theme: consistent warm-charcoal surfaces and borders. */

:root {
  --surface-grid: #1c1a16;
  --surface-inset: var(--surface-grid);
  --surface-raised: #2a2721;
  --surface-card: #25221d;
  --surface-control: #211f1a;
  --surface-control-hover: #302c25;
  --surface-divider: #45413a;
  --surface-border: rgba(225, 218, 197, 0.2);
  --surface-scrim: rgba(15, 14, 12, 0.84);
  --surface-dialog: #1f1d19;
  --surface-toast: #26231e;
  --card-background: var(--surface-card);
  --card-inset-background: var(--surface-grid);
  --card-border-color: var(--surface-border);
  --card-border: 1px solid var(--card-border-color);
}