/* Shared brand palette for the public frontend. Admin does not load this file. */
:root {
  --brand-brown: #172033;
  --brand-gray: #94a3b8;
  --brand-orange: #5267f7;
  --brand-cream: #f1f5f9;
  --brand-white: #ffffff;
  --brand-drawer-surface: #ffffff;

  --ink-rgb: 23, 32, 51;
  --accent-rgb: 82, 103, 247;
  --paper-rgb: 241, 245, 249;
  --white-rgb: 255, 255, 255;

  --accent: var(--brand-orange);
  --neutral: var(--brand-gray);
  --text-muted: #52637a;
  --border: #dfe5ef;
  --control-border: #cbd5e1;
  --neutral-soft: color-mix(in srgb, var(--brand-gray) 16%, var(--brand-white));
  --accent-soft: #eef1ff;
  --accent-hover: #4154dc;
  --ink-soft: color-mix(in srgb, var(--brand-brown) 86%, var(--brand-gray));
}

/* Only the sliding panel is opaque; its page backdrop keeps its dimming. */
html body .config-drawer-dialog { background: var(--brand-drawer-surface) !important; }