/* ============================================================================
 * Compliance — colour tokens.
 *
 * Custom properties consumed by every other compliance/*.css file.  Loaded
 * first via ``@import`` from ``compliance.css`` so downstream rules can rely
 * on ``var(--cp-*)`` lookups.
 * ==========================================================================*/

:root {
    --cp-red: var(--danger-fg);
    --cp-red-bg: var(--status-danger-bg);
    --cp-red-border: var(--danger-border);
    --cp-red-soft-bg: var(--sev-high-bg);
    --cp-amber: var(--banner-warning-fg);
    --cp-amber-bg: var(--warning-soft-bg);
    --cp-amber-border: var(--banner-warning-border);
    --cp-amber-leading-bg: var(--banner-warning-bg);
    --cp-amber-leading-border: var(--warning-mid);
    --cp-green: var(--status-active-fg);
    --cp-green-bg: var(--coverage-strong-bg);
    --cp-green-border: var(--policy-stricter-bg);
    --cp-green-soft-bg: var(--status-resolved-bg);
    --cp-gray-900: var(--fg-1);
    --cp-gray-700: var(--fg-body-strong);
    --cp-gray-500: var(--fg-4);
    --cp-gray-400: var(--fg-5);
    --cp-gray-300: var(--border-medium);
    --cp-gray-200: var(--border-base);
    --cp-gray-100: var(--status-neutral-bg);
    --cp-gray-50: var(--bg-page);
    --cp-blue: var(--info-fg);
    --cp-sky-700: var(--info-darkest-fg);
}