:root {
    /* Clinical Intelligence: isolated canvas and surface tokens. */
    --hc-ci-color-canvas: #f5f7fa;
    --hc-ci-color-surface: #ffffff;
    --hc-ci-color-surface-subtle: #f0f3f7;
    --hc-ci-color-surface-selected: #172033;

    /* Text. */
    --hc-ci-color-text: #172033;
    --hc-ci-color-text-muted: #586377;
    --hc-ci-color-text-on-selected: #ffffff;

    /* Structure. */
    --hc-ci-color-border: #dee3ea;
    --hc-ci-color-border-strong: #aab4c3;

    /* Actions and semantic evidence. */
    --hc-ci-color-action: #1557e4;
    --hc-ci-color-action-hover: #124bc5;
    --hc-ci-color-focus: #1557e4;
    --hc-ci-color-support: #1557e4;
    --hc-ci-color-context: #19769a;
    --hc-ci-color-conflict: #667085;
    --hc-ci-color-weak: #8b94a4;

    /* Result and product states. */
    --hc-ci-color-normal: #356b55;
    --hc-ci-color-boundary: #9a5b13;
    --hc-ci-color-danger: #b42318;
    --hc-ci-color-danger-surface: #fff1f0;

    /* Approved visual fields. */
    --hc-ci-gradient-ambient:
        radial-gradient(circle at 28% 42%, rgb(21 87 228 / 16%), transparent 52%),
        radial-gradient(circle at 76% 56%, rgb(25 118 154 / 10%), transparent 46%);
    --hc-ci-gradient-section:
        linear-gradient(120deg, rgb(21 87 228 / 10%), rgb(21 87 228 / 2%) 62%, transparent);
    --hc-ci-gradient-selected:
        linear-gradient(105deg, rgb(21 87 228 / 12%), transparent 72%);
    --hc-ci-gradient-signal:
        linear-gradient(135deg, rgb(21 87 228 / 14%), rgb(25 118 154 / 7%) 72%, transparent);

    /* Typography. */
    --hc-ci-font-family: "Onest", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --hc-ci-font-size-metadata: 0.75rem;
    --hc-ci-font-size-small: 0.875rem;
    --hc-ci-font-size-body: 0.9375rem;
    --hc-ci-font-size-title-small: 1.125rem;
    --hc-ci-font-size-title: 1.375rem;
    --hc-ci-font-size-display: 1.75rem;
    --hc-ci-font-weight-regular: 400;
    --hc-ci-font-weight-medium: 500;
    --hc-ci-line-height-compact: 1.25;
    --hc-ci-line-height-body: 1.5;
    --hc-ci-line-height-title: 1.2;

    /* Spacing. */
    --hc-ci-space-1: 0.25rem;
    --hc-ci-space-2: 0.5rem;
    --hc-ci-space-3: 0.75rem;
    --hc-ci-space-4: 1rem;
    --hc-ci-space-5: 1.5rem;
    --hc-ci-space-6: 2rem;
    --hc-ci-space-7: 3rem;

    /* Density and layout. */
    --hc-ci-size-control-compact: 2rem;
    --hc-ci-size-control: 2.5rem;
    --hc-ci-size-row-compact: 2.75rem;
    --hc-ci-size-row: 3.5rem;
    --hc-ci-container: 67.5rem;
    --hc-ci-container-wide: 85rem;
    --hc-ci-page-padding: 1.25rem;

    /* Shape, elevation, and motion. */
    --hc-ci-radius-small: 0.25rem;
    --hc-ci-radius-medium: 0.5rem;
    --hc-ci-radius-large: 0.75rem;
    --hc-ci-radius-pill: 999px;
    --hc-ci-border-width: 1px;
    --hc-ci-semantic-border-width: 3px;
    --hc-ci-shadow-surface: 0 10px 30px rgb(23 32 51 / 6%);
    --hc-ci-shadow-focus: 0 0 0 3px rgb(21 87 228 / 24%);
    --hc-ci-motion-fast: 120ms;
    --hc-ci-motion-base: 180ms;
    --hc-ci-motion-easing: cubic-bezier(0.2, 0, 0, 1);
}

@media (max-width: 40rem) {
    :root {
        --hc-ci-page-padding: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --hc-ci-motion-fast: 0ms;
        --hc-ci-motion-base: 0ms;
    }
}