/* ============================================================
   NASSAU DESIGN SYSTEM — CSS Custom Properties
   ============================================================ */

:root {
  /* ── Brand Colors ─────────────────────────────────────────── */
  --fab-gold:          hsl(215, 95%, 78%);
  --fab-gold-light:    hsl(219, 100%, 93%);
  --fab-gold-dark:     hsl(215, 64%, 45%);
  --fab-shield-blue:   hsl(217, 89%, 59%);
  --fab-shield-dark:   hsl(213, 100%, 37%);
  --fab-shield-light:  hsl(216, 77%, 52%);

  /* ── Semantic Colors ──────────────────────────────────────── */
  --fab-critical:      hsl(0, 67%, 47%);
  --fab-critical-bg:   hsla(0, 67%, 47%, 0.12);
  --fab-high:          hsl(24, 92%, 53%);
  --fab-high-bg:       hsla(24, 92%, 53%, 0.12);
  --fab-medium:        hsl(41, 88%, 52%);
  --fab-medium-bg:     hsla(41, 88%, 52%, 0.14);
  --fab-low:           hsl(198, 76%, 45%);
  --fab-low-bg:        hsla(198, 76%, 45%, 0.12);
  --fab-success:       hsl(145, 58%, 38%);
  --fab-success-bg:    hsla(145, 58%, 38%, 0.12);
  --fab-info:          hsl(217, 89%, 59%);
  --fab-info-bg:       hsla(217, 89%, 59%, 0.12);

  /* ── Editorial Light Theme (Default) ─────────────────────── */
  --fab-bg-0:          hsl(30, 24%, 97%);
  --fab-bg-1:          hsl(24, 20%, 95%);
  --fab-bg-2:          hsla(0, 0%, 100%, 0.84);
  --fab-bg-3:          hsl(0, 0%, 100%);
  --fab-bg-hover:      hsl(218, 57%, 95%);
  --fab-bg-active:     hsl(218, 66%, 92%);
  --fab-bg-glass:      hsla(24, 20%, 95%, 0.8);
  --fab-bg-card:       hsla(0, 0%, 100%, 0.82);

  --fab-border:        hsla(220, 11%, 43%, 0.16);
  --fab-border-light:  hsla(220, 11%, 43%, 0.28);
  --fab-border-focus:  var(--fab-shield-blue);

  --fab-text-0:        hsl(220, 9%, 12%);
  --fab-text-1:        hsl(220, 11%, 31%);
  --fab-text-2:        hsl(220, 11%, 44%);
  --fab-text-muted:    hsl(220, 10%, 57%);

  /* ── Typography ───────────────────────────────────────────── */
  --fab-font-sans:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fab-font-display:  'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fab-font-mono:     'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;

  --fab-fs-xs:    0.6875rem;   /* 11px */
  --fab-fs-sm:    0.75rem;     /* 12px */
  --fab-fs-base:  0.8125rem;   /* 13px */
  --fab-fs-md:    0.875rem;    /* 14px */
  --fab-fs-lg:    1rem;        /* 16px */
  --fab-fs-xl:    1.25rem;     /* 20px */
  --fab-fs-2xl:   1.5rem;      /* 24px */
  --fab-fs-3xl:   2rem;        /* 32px */
  --fab-fs-hero:  3rem;        /* 48px */

  --fab-fw-normal:  400;
  --fab-fw-medium:  500;
  --fab-fw-semi:    600;
  --fab-fw-bold:    700;

  --fab-lh-tight:   1.2;
  --fab-lh-normal:  1.5;
  --fab-lh-relaxed: 1.7;

  /* ── Spacing ──────────────────────────────────────────────── */
  --fab-space-0:   0;
  --fab-space-1:   0.25rem;    /* 4px */
  --fab-space-2:   0.5rem;     /* 8px */
  --fab-space-3:   0.75rem;    /* 12px */
  --fab-space-4:   1rem;       /* 16px */
  --fab-space-5:   1.25rem;    /* 20px */
  --fab-space-6:   1.5rem;     /* 24px */
  --fab-space-8:   2rem;       /* 32px */
  --fab-space-10:  2.5rem;     /* 40px */
  --fab-space-12:  3rem;       /* 48px */
  --fab-space-16:  4rem;       /* 64px */

  /* ── Radius ───────────────────────────────────────────────── */
  --fab-radius-sm:   4px;
  --fab-radius-md:   8px;
  --fab-radius-lg:   12px;
  --fab-radius-xl:   16px;
  --fab-radius-full: 9999px;

  /* ── Shadows ──────────────────────────────────────────────── */
  --fab-shadow-sm:    0 1px 2px rgba(27, 28, 28, 0.04);
  --fab-shadow-md:    0 16px 36px rgba(27, 28, 28, 0.08);
  --fab-shadow-lg:    0 24px 48px rgba(27, 28, 28, 0.1);
  --fab-shadow-glow:  0 18px 36px rgba(59, 130, 246, 0.16);

  /* ── Transitions ──────────────────────────────────────────── */
  --fab-ease:      cubic-bezier(0.4, 0, 0.2, 1);
  --fab-duration:  180ms;
  --fab-dur-slow:  350ms;

  /* ── Z-Index Scale ────────────────────────────────────────── */
  --fab-z-base:     1;
  --fab-z-sticky:   100;
  --fab-z-dropdown: 200;
  --fab-z-modal:    300;
  --fab-z-toast:    400;
  --fab-z-tooltip:  500;

  /* ── Layout ───────────────────────────────────────────────── */
  --fab-sidebar-w:     240px;
  --fab-sidebar-w-min: 56px;
  --fab-header-h:      48px;
  --fab-content-max:   1200px;
}