/* Arizona Support V17 — Graphite Spectrum
   Neutral graphite foundation + restrained semantic accents.
   Accent colors are for meaning/status, never for large page fills. */
:root {
  color-scheme: dark;

  /* structural surfaces */
  --bg: #111315;
  --bg-strong: #171a1d;
  --sidebar-bg: #181b1e;
  --sidebar-bg-strong: #15181a;
  --topbar-bg: #171a1c;

  --surface: #191c1f;
  --surface-soft: #202428;
  --surface-raised: #272c30;
  --surface-hover: #2b3135;
  --field: #22272b;

  --line: #2b3034;
  --line-soft: #24292d;
  --line-strong: #3b4349;

  /* typography */
  --text: #f1f3f4;
  --text-soft: #cbd1d5;
  --muted: #879199;
  --muted-strong: #b3bbc0;
  --icon-neutral: #9aa3a9;

  /* primary navigation/focus accent */
  --primary: #526874;
  --primary-dark: #9eb3be;
  --primary-soft: rgba(102, 138, 160, .10);
  --accent: #668aa0;
  --accent-bright: #9fb9c7;
  --accent-soft: rgba(102, 138, 160, .11);
  --accent-line: rgba(102, 138, 160, .38);
  --accent-surface: #20282d;

  /* semantic spectrum */
  --tone-blue: #5f9cc0;
  --tone-blue-soft: rgba(95, 156, 192, .11);
  --tone-blue-line: rgba(95, 156, 192, .36);

  --tone-purple: #8d7ab5;
  --tone-purple-soft: rgba(141, 122, 181, .11);
  --tone-purple-line: rgba(141, 122, 181, .36);

  --success: #789b83;
  --success-soft: rgba(120, 155, 131, .11);
  --success-line: rgba(120, 155, 131, .34);

  --warning: #b39764;
  --warning-soft: rgba(179, 151, 100, .11);
  --warning-line: rgba(179, 151, 100, .34);

  --danger: #b36f76;
  --danger-dark: #d49aa0;
  --danger-bright: #e4b0b5;
  --danger-soft: rgba(179, 111, 118, .11);
  --danger-line: rgba(179, 111, 118, .35);

  --info: #738f9f;
  --info-soft: rgba(115, 143, 159, .11);
  --info-line: rgba(115, 143, 159, .34);

  /* compatibility aliases */
  --surface-blue: var(--accent-surface);
  --success-bg: #1c2420;
  --success-line-legacy: #34463a;
  --warning-bg: #252118;
  --warning-line-legacy: #4b4230;
  --error-bg: #281f21;
  --error-line: #563d42;

  --radius: 8px;
  --radius-sm: 6px;
  --shadow: 0 14px 34px rgba(0, 0, 0, .18);
  --app-sidebar: 232px;
  --app-sidebar-compact: 66px;
  --app-topbar: 52px;
  --page-max: 1460px;
}