/*
 * Medicus design tokens — IAM Web
 *
 * Synced from git.medicus.ai:baher/medicus-ui (src/styles/medicus-tokens.css).
 * Source of truth for the IAM hosted pages until SRP-10667 (Medicus.UI.Tokens
 * NuGet package) lands. Keep in sync when medicus-ui ships updates.
 *
 * Local additions (NOT in medicus-ui):
 *   - Plus Jakarta Sans Google Fonts @import (medicus-ui assumes the font is
 *     loaded by the consuming app; IAM Web has no other loader)
 *   - --medicus-gradient-start / --medicus-gradient-end (referenced by the
 *     focus-ring shadows in medicus-hosted.css)
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
    /* Brand */
    --medicus-cyan: #06E8DB;
    --medicus-blue: #919dfc;
    --medicus-dark: #1a2b4a;
    --medicus-navy: #1a2b4a;

    /* Text */
    --medicus-gray: #5a6a82;
    --medicus-muted: #8c97a8;
    --medicus-text-secondary: #5a6a82;
    --medicus-text-muted: #8c97a8;

    /* Backgrounds */
    --medicus-light: #f8fafb;
    --medicus-bg-soft: #f8fafb;

    /* Borders */
    --medicus-border: #e8ecf0;
    --medicus-border-light: #f0f3f5;

    /* Semantic */
    --medicus-success: #00b894;
    --medicus-warning: #fdcb6e;
    --medicus-danger: #e17055;
    --medicus-critical: #d63031;
    --medicus-info: #74b9ff;

    /* Tints */
    --medicus-teal: #05c8bd;
    --medicus-teal-light: #E8FBF9;
    --medicus-teal-lighter: #F2FDFC;
    --medicus-teal-dark: #05b5ab;
    --medicus-coral: #e17055;
    --medicus-purple: #9ccffe;

    /* Gradients (start/end as separate vars for focus-ring rgba() use) */
    --medicus-gradient: linear-gradient(135deg, #06E8DB, #919dfc);
    --medicus-gradient-hover: linear-gradient(135deg, #05C8BD, #7c8ae8);
    --medicus-gradient-start: #06E8DB;
    --medicus-gradient-end: #919dfc;

    /* Typography */
    --medicus-font: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

    /* Radii */
    --medicus-radius-sm: 8px;
    --medicus-radius-md: 12px;
    --medicus-radius-lg: 20px;
    --medicus-radius-full: 9999px;

    /* Shadows */
    --medicus-shadow-sm: 0 1px 3px rgba(26, 43, 74, 0.06);
    --medicus-shadow-md: 0 4px 16px rgba(26, 43, 74, 0.08);
    --medicus-shadow-lg: 0 12px 40px rgba(26, 43, 74, 0.1);

    /* Tier colours (used by report components; unused here but kept for parity) */
    --medicus-tier-optimal: #00b894;
    --medicus-tier-good: #00cec9;
    --medicus-tier-average: #fdcb6e;
    --medicus-tier-below: #e17055;
    --medicus-tier-needs: #d63031;

    /* Spacing reference */
    --medicus-space-xs: 0.25rem;
    --medicus-space-sm: 0.5rem;
    --medicus-space-md: 1rem;
    --medicus-space-lg: 1.5rem;
    --medicus-space-xl: 2rem;
    --medicus-space-2xl: 2.5rem;
}

/* ── Utility Classes ─────────────────────────────────────── */

.medicus-gradient {
    background: var(--medicus-gradient);
    color: #fff;
    border: none;
}

.medicus-gradient:hover,
.medicus-gradient:focus,
.medicus-gradient:active {
    background: var(--medicus-gradient-hover);
    color: #fff;
}

.medicus-gradient-text {
    background: var(--medicus-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--medicus-gradient-start);
}

/* ── Print Utilities ─────────────────────────────────────── */

@media print {
    .no-print { display: none !important; }
    .print-only { display: block !important; }
    * { animation: none !important; transition: none !important; }
    body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

.print-only { display: none; }