/*
 * Qäre Health — its own identity. Not Helios (brass), not GIC (dark green).
 * The design concepts are shared with the iQuantile family: warm paper ground,
 * one restrained accent, verification as visible status, IBM Plex for work and
 * numerals. The hues are Qäre's own: an iris indigo-violet on warm paper, with
 * Nunito carrying the roundness of the wordmark. The one place hex values live.
 * No em dashes.
 */

:root {
  /* Ground and chrome */
  --page: #FBFAF7;          /* warm paper, a touch warmer than the siblings */
  --surface: #FFFFFF;
  --surface-alt: #F5F3FA;   /* faint indigo-tinted panel */
  --chrome: #171326;        /* indigo-black chrome, distinct from Helios brown-black */
  --chrome-soft: #2A2440;

  /* Accent: iris indigo-violet, Qäre's single bold hue */
  --iris: #4B3BA6;
  --iris-bright: #6A5AE0;
  --iris-deep: #332A73;
  --iris-tint: #ECEAF8;
  --iris-line: #DBD6F0;

  /* Text */
  --ink: #1B1730;
  --mid: #655F79;
  --faint: #A49EB6;

  /* Lines */
  --hairline: #ECE9F2;
  --border: #E0DCEC;

  /* Verification status: the shared language of the exchange and the Commons.
     Verified green echoes GIC so the connection reads, but tuned for warm paper. */
  --verified: #1F9D6B;
  --verified-tint: #E6F5EE;
  --claimed: #C2871F;       /* amber: asserted, not yet matched by a record */
  --claimed-tint: #FBF1DE;
  --unmeasured: #8A849A;    /* grey: no record yet */
  --unmeasured-tint: #EFEDF3;
  --inconsistent: #C23B4B;  /* red: claim and record disagree */
  --inconsistent-tint: #FBE9EB;

  /* Capital and impact (tie to GIC's language) */
  --capital: #C2871F;
  --impact: #6A5AE0;

  /* Categorical ramp for charts (indigo family, Carbon data-ink discipline) */
  --cat-1: #4B3BA6;
  --cat-2: #1F9D6B;
  --cat-3: #C2871F;
  --cat-4: #6A7A9E;
  --cat-5: #B6A7E0;

  /* Type: Nunito carries the wordmark roundness; IBM Plex does the work. */
  --font-brand: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-ui: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Shape, 8-point grid */
  --card-radius: 16px;
  --control-radius: 999px;
  --card-shadow: 0 6px 20px rgba(27, 23, 48, 0.07);
  --focus-ring: 0 0 0 2px #6A5AE0;

  --sp-xs: 4px; --sp-sm: 8px; --sp-md: 12px; --sp-lg: 16px;
  --sp-xl: 24px; --sp-2xl: 32px; --sp-3xl: 48px;
}