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

/* ============================================================================
 * 2026 BRAND REFRESH — SWAP CHECKLIST
 * ----------------------------------------------------------------------------
 * The palette below still ships the current (pre-2026) Ivanti brand. When the
 * 2026 brand assets land, update the values marked `2026:` in place — every UI
 * surface reads these tokens, so no per-page edits are required.
 *
 *   [ ] Replace --ivanti-red / --ivanti-orange / --ivanti-purple* hex values
 *       with the 2026 primary + accent colors.
 *   [ ] Update --ivanti-dark / --ivanti-dark2 (header gradient anchors).
 *   [ ] Swap the Google Fonts @import + --font-heading / --font-body if the
 *       2026 typeface changes (keep a system-ui fallback).
 *   [ ] Re-check status scale (--critical/high/medium/low/good/info) against
 *       the 2026 semantic palette for contrast (WCAG AA).
 *   [ ] Drop the 2026 logo/wordmark asset into /assets and update headers.
 *   [ ] Verify the rating widget stars + auth control read on the new surfaces.
 * ============================================================================ */

:root {
  /* Ivanti brand palette — 2026: replace hex values in place */
  --ivanti-red: #E1251B;
  --ivanti-red-bg: rgba(225,37,27,.07);
  --ivanti-orange: #FF6B2B;
  --ivanti-orange-bg: rgba(255,107,43,.07);
  --ivanti-purple: #6B2FA0;
  --ivanti-purple-light: #8B5FC7;
  --ivanti-purple-bg: rgba(107,47,160,.07);
  --ivanti-teal: #0E8C8C;
  --ivanti-teal-bg: rgba(14,140,140,.08);
  --ivanti-dark: #1B0A2E;
  --ivanti-dark2: #2D1654;

  /* Surface / border / text hierarchy */
  --bg: #F4F5F7;
  --surface: #FFFFFF;
  --surface2: #F9FAFB;
  --border: #E5E7EB;
  --border-light: #F0F1F3;
  --text: #1A1A2E;
  --text-secondary: #374151;
  --muted: #6B7280;

  /* Status scale */
  --critical: #E1251B;
  --critical-bg: rgba(225,37,27,.06);
  --high: #FF6B2B;
  --high-bg: rgba(255,107,43,.06);
  --medium: #F59E0B;
  --medium-bg: rgba(245,158,11,.07);
  --low: #3B82F6;
  --low-bg: rgba(59,130,246,.07);
  --good: #10B981;
  --good-bg: rgba(16,185,129,.07);
  --info: #6B2FA0;
  --info-bg: rgba(107,47,160,.06);

  /* Legacy alias — keeps existing token references working */
  --color-primary: var(--ivanti-red);
  --color-secondary: rgba(0, 0, 0, 0);

  /* Inter primary, faktum as fallback where loaded externally */
  --font-heading: 'Inter', faktum;
  --font-body: 'Inter', faktum;

  /* Spacing scale (unchanged) */
  --space-1: 1px;
  --space-2: 4px;
  --space-3: 5px;
  --space-4: 7.5px;
  --space-5: 8px;
  --space-6: 10px;
  --space-7: 11.2px;
  --space-8: 12px;
  --space-9: 13px;
  --space-10: 15px;
  --space-11: 16px;
  --space-12: 20px;
  --space-13: 24px;
  --space-14: 25px;
  --space-15: 30px;
  --space-16: 35px;
  --space-17: 50px;
  --space-18: 60px;
  --space-19: 70px;
  --space-20: 80px;
}