/* Folks — royal sapphire */
:root {
  --brand: #2563eb;
  --brand-deep: #1e3a8a;
  --brand-light: #6b9fff;
  --brand-logo-bright: #2a58b8;
  --brand-logo-light: #6b9fff;
  --logo-bright: var(--brand-logo-bright);
  --logo-light: var(--brand-logo-light);
  --royal-deep: var(--brand-deep);
  --royal: var(--brand-deep);
  --royal-mid: var(--brand);
  --steel-light: var(--brand-light);
  --royal-dim: var(--brand-dim);
  --royal-border: var(--brand-border);
  --brand-dim: rgba(30, 58, 138, 0.12);
  --brand-border: rgba(104, 137, 196, 0.34);
  --brand-glow: rgba(107, 159, 255, 0.15);
  --panel-inset-highlight: rgba(143, 174, 224, 0.05);
  --surface-inset-highlight: rgba(143, 174, 224, 0.07);

  --accent: var(--brand);
  --accent-light: var(--brand-light);
  --accent-dim: var(--brand-dim);

  --bg: #040814;
  --bg-panel: #080f1f;
  --bg-surface: #101b33;
  --bg-inset: #060c18;
  --surface: var(--bg-panel);
  --surface-2: #0c1529;
  --surface-3: var(--bg-surface);

  --border-subtle: rgba(59, 91, 160, 0.12);
  --border: rgba(59, 91, 160, 0.16);
  --border-light: rgba(59, 91, 160, 0.26);
  --border-strong: rgba(104, 137, 196, 0.34);

  --text: #e2e8f4;
  --text-primary: var(--text);
  --text-secondary: #94a3b8;
  --text-muted: #5f6b80;
  --text-label: #8faee0;

  --radius-lg: 14px;
}