/* ============================================================
   UNCOMPANY · COLOR
   "Ink, Paper, one hairline of Signal."
   Signal is < 10% of any view — hairlines, ticks, one CTA.
   Never fields of it, never body text.
   ============================================================ */

:root {
  /* --- Core three --- */
  --un-ink: #0E0F12;      /* primary text & reversed surfaces — the drawn line */
  --un-paper: #F6F5F1;    /* the sheet — warm, low-chroma, never pure white */
  --un-signal: #CBF23D;   /* one hairline — the rule under "UN", the marked tick */

  /* --- Neutral scale — structure, borders, secondary text --- */
  --un-900: #16181D;
  --un-700: #2A2E35;
  --un-500: #5B5E66;
  --un-400: #9A9DA4;
  --un-200: #E4E3DD;
  --un-050: #FBFBF9;

  /* --- Signal supports (derived; use sparingly) --- */
  --un-signal-ink: #0E0F12;      /* text that sits ON signal — always ink */
  --un-signal-dim: #A8C932;      /* signal pressed/hover */
  --un-signal-wash: #CBF23D1F;   /* 12% signal — selection, faint highlight */

  /* --- Status (low-saturation, sit beside the palette) --- */
  --un-positive: #3D8A5B;
  --un-warning: #C08A2E;
  --un-critical: #B23B3B;

  /* ===== Semantic aliases ===== */
  --un-bg: var(--un-paper);
  --un-bg-sunken: var(--un-200);
  --un-bg-raised: var(--un-050);
  --un-bg-inverse: var(--un-ink);

  --un-surface-card: var(--un-050);
  --un-surface-inverse: var(--un-ink);

  --un-text-strong: var(--un-ink);
  --un-text-body: var(--un-900);
  --un-text-muted: var(--un-500);
  --un-text-faint: var(--un-400);
  --un-text-inverse: var(--un-050);
  --un-text-on-signal: var(--un-ink);

  --un-border: var(--un-200);
  --un-border-strong: var(--un-400);
  --un-border-ink: var(--un-ink);
  --un-hairline: var(--un-signal);

  --un-accent: var(--un-signal);
  --un-focus-ring: var(--un-ink);
}