:root{
  /* Base palette — sampled from the RQSolutions logo */
  --rq-red-900:#7d0b00; --rq-red-800:#9d0e00; --rq-red-700:#c51100; --rq-red-600:#d92a18;
  --rq-red-500:#e8493a; --rq-red-200:#f6b8b1; --rq-red-100:#fbe3e0; --rq-red-050:#fdf2f0;

  /* Navy ink ramp */
  --ink-900:#0c1a2b; --ink-800:#132741; --ink-700:#1d3557; --ink-600:#2c4468;
  --grey-600:#556075; --grey-500:#78839a; --grey-400:#a2abbc; --grey-300:#c6cdda;
  --grey-200:#e0e5ec; --grey-100:#edf0f5; --paper-100:#f4f6f9; --paper-050:#fafbfc;
  --white:#ffffff;

  /* Support hues (used sparingly, for status only) */
  --green-700:#1f6b45; --green-100:#e4f1ea;
  --amber-700:#95610a; --amber-100:#fbeed4;
  --blue-700:#1d4e7a; --blue-100:#e3edf5;

  /* Semantic — text */
  --text-strong:var(--ink-900);
  --text-body:var(--ink-700);
  --text-muted:var(--grey-600);
  --text-subtle:var(--grey-500);
  --text-accent:var(--rq-red-700);
  --text-on-dark:var(--white);
  --text-on-dark-muted:#b7babd;
  --text-on-accent:var(--white);
  --text-link:var(--rq-red-700);
  --text-link-hover:var(--rq-red-900);

  /* Semantic — surfaces */
  --surface-page:var(--white);
  --surface-tint:var(--paper-100);
  --surface-card:var(--white);
  --surface-dark:var(--ink-800);
  --surface-dark-deep:var(--ink-900);
  --surface-accent:var(--rq-red-700);
  --surface-accent-soft:var(--rq-red-050);

  /* Semantic — lines */
  --line-hairline:var(--grey-200);
  --line-strong:var(--grey-300);
  --line-on-dark:rgba(255,255,255,.14);
  --line-accent:var(--rq-red-700);

  /* Semantic — status */
  --status-approved-fg:var(--green-700); --status-approved-bg:var(--green-100);
  --status-review-fg:var(--amber-700);   --status-review-bg:var(--amber-100);
  --status-info-fg:var(--blue-700);      --status-info-bg:var(--blue-100);
  --status-blocked-fg:var(--rq-red-800); --status-blocked-bg:var(--rq-red-100);
}