/* xHuman — Color tokens */
:root {
  /* Primitives */
  --color-bg: #F5F4F1;            /* warm off-white, primary background */
  --color-ink: #111111;           /* near-black, primary text */
  --color-accent: #FF5A1F;        /* the ONLY accent — orange */
  --color-accent-ink: #FFFFFF;    /* label color on accent surfaces */
  --color-surface-dark: #161616;  /* dark card surfaces */
  --color-surface-dark-2: #1E1E1E;/* elevated dark surfaces */
  --color-muted: #6B6B6B;         /* secondary text on light */
  --color-muted-dark: #9A9A9A;    /* secondary text on dark */
  --color-line: #E3E1DC;          /* hairline borders on light */
  --color-line-dark: #2A2A2A;     /* hairline borders on dark */
  --color-positive: #22C55E;      /* status dots only — never for emphasis */
  --color-white: #FFFFFF;

  /* Semantic aliases */
  --surface-page: var(--color-bg);
  --surface-card: var(--color-white);
  --surface-card-dark: var(--color-surface-dark);
  --surface-card-dark-elevated: var(--color-surface-dark-2);
  --surface-pill: var(--color-ink);

  --text-primary: var(--color-ink);
  --text-secondary: var(--color-muted);
  --text-on-dark: var(--color-white);
  --text-on-dark-secondary: var(--color-muted-dark);
  --text-accent: var(--color-accent);

  --border-light: var(--color-line);
  --border-dark: var(--color-line-dark);

  --accent: var(--color-accent);
  --accent-glow: rgba(255, 90, 31, 0.18);

  --status-live: var(--color-positive);
}