/* SurroundApps canonical color tokens — dark theme (default) */
:root {
  /* Backgrounds */
  --bg: #0a0a0b;
  --bg-elev: #111113;
  --bg-card: #131316;
  --bg-step: #161619;
  --bg-deep: #050505;

  /* Borders */
  --border: #1f1f23;
  --border-strong: #2a2a30;

  /* Text */
  --text: #ededee;
  --text-dim: #a8a8ad;
  --text-faint: #6c6c72;
  --text-1: #a8a8ad;
  --text-2: #a8a8ad;

  /* Accent */
  --accent: #e8b14a;
  --gold: #e8b14a;
  --gold-soft: #ffd966;
  --gold-deep: #c89b00;
  --accent-soft: rgba(232, 177, 74, 0.12);
  --accent-border: rgba(232, 177, 74, 0.25);
  --accent-fill: rgba(232, 177, 74, 0.07);
  --accent-glow: rgba(232, 177, 74, 0.2);
  --accent-glow-soft: rgba(232, 177, 74, 0.04);
  --accent-hover-border: rgba(232, 177, 74, 0.3);
  --accent-focus-border: rgba(232, 177, 74, 0.4);

  /* UI helpers */
  --btn-on-accent: #0a0a0b;
  --overlay-from: rgba(10, 10, 11, 0.4);
  --overlay-to: rgba(10, 10, 11, 0.72);
  --grid-line: rgba(232, 177, 74, 0.08);
  --stripe: rgba(232, 177, 74, 0.06);

  /* Advisory risk */
  --risk-low: #3f7d3f;
  --risk-med: #b7791f;
  --risk-high: #c0392b;
  --risk-low-bg: rgba(63, 125, 63, 0.094);
  --risk-med-bg: rgba(183, 121, 31, 0.094);
  --risk-high-bg: rgba(192, 57, 43, 0.094);

  /* Company / approach aliases */
  --bg-0: var(--bg);
  --bg-1: var(--bg-elev);
  --bg-2: var(--bg-card);
  --bg-3: var(--bg-step);
  --text-0: var(--text);

  /* Typography */
  --display: 'Fraunces', 'Times New Roman', serif;
  --body: 'Inter Tight', sans-serif;
}