:root {
  /* Quoana Brand System v1.0 — Protocol / Policy Intelligence */
  --qoa-ink: #081220;
  --qoa-surface: #0D1A2A;
  --qoa-surface-2: #122235;
  --qoa-line: #23364B;
  --qoa-text: #F3F6FA;
  --qoa-muted: #94A3B8;
  --qoa-protocol: #3B82F6;
  --qoa-protocol-soft: #102A52;
  --qoa-change: #7C3AED;
  --qoa-change-soft: #24154A;

  /* Policy semantics: neutral states, not good/bad judgments. */
  --qoa-allow: #36B37E;
  --qoa-allow-soft: #102A24;
  --qoa-disallow: #D86A6A;
  --qoa-disallow-soft: #321B20;
  --qoa-none: #718096;
  --qoa-none-soft: #17212D;

  --qoa-font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --qoa-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --qoa-radius-sm: 4px;
  --qoa-radius-md: 8px;
  --qoa-radius-lg: 12px;
  --qoa-shadow-panel: 0 1px 0 rgba(255,255,255,.02), 0 12px 30px rgba(0,0,0,.18);
}

.qoa-policy--allow { color: var(--qoa-allow); background: var(--qoa-allow-soft); }
.qoa-policy--disallow { color: var(--qoa-disallow); background: var(--qoa-disallow-soft); }
.qoa-policy--none { color: var(--qoa-none); background: var(--qoa-none-soft); }
.qoa-change { color: var(--qoa-change); background: var(--qoa-change-soft); }