/* ============================================================
   PREMIERE GROUP — Design System Tokens
   Single source of truth for color, spacing, radius, type, shadow.
   ============================================================ */

:root {
  /* ---- Brand ---- */
  --pg-blue: #218DAE;
  --pg-blue-600: #1B7C9A;
  --pg-blue-700: #156680;
  --pg-blue-050: #E9F4F7;
  --pg-blue-100: #D2E9EF;

  --pg-yellow: #FFD758;
  --pg-yellow-600: #F2C63C;
  --pg-yellow-050: #FFF8E3;

  --pg-white: #FFFFFF;

  /* ---- Neutral (support only) ---- */
  --pg-bg: #F4F6F8;
  --pg-surface: #FFFFFF;
  --pg-surface-alt: #F8FAFB;
  --pg-border: #E4E9ED;
  --pg-border-strong: #CFD7DD;
  --pg-text: #1E2A32;
  --pg-text-secondary: #64748B;
  --pg-text-muted: #94A3B8;
  --pg-disabled-bg: #EEF2F4;
  --pg-disabled-text: #A9B4BD;

  /* ---- Status ---- */
  --pg-success: #22A06B;
  --pg-success-bg: #E3F3EC;
  --pg-warning: #E7A400;
  --pg-warning-bg: #FBF0D6;
  --pg-danger: #E4572E;
  --pg-danger-bg: #FBE6DF;
  --pg-info: var(--pg-blue);
  --pg-info-bg: var(--pg-blue-050);

  /* ---- Priority accents (Todo / KPI) ---- */
  --pg-prio-high: #E4572E;
  --pg-prio-mid: var(--pg-yellow-600);
  --pg-prio-low: #94A3B8;

  /* ---- Radius ---- */
  --pg-r-xs: 6px;
  --pg-r-sm: 10px;
  --pg-r-md: 14px;
  --pg-r-lg: 18px;
  --pg-r-pill: 999px;

  /* ---- Spacing scale ---- */
  --pg-s-1: 4px;
  --pg-s-2: 8px;
  --pg-s-3: 12px;
  --pg-s-4: 16px;
  --pg-s-5: 20px;
  --pg-s-6: 24px;
  --pg-s-8: 32px;
  --pg-s-10: 40px;
  --pg-s-12: 48px;

  /* ---- Typography ---- */
  --pg-font: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --pg-fs-xs: 12px;
  --pg-fs-sm: 13px;
  --pg-fs-base: 14px;
  --pg-fs-md: 16px;
  --pg-fs-lg: 18px;
  --pg-fs-xl: 22px;
  --pg-fs-2xl: 28px;
  --pg-fs-3xl: 34px;
  --pg-lh: 1.5;

  /* ---- Shadow ---- */
  --pg-shadow-sm: 0 1px 2px rgba(16, 33, 41, 0.05), 0 1px 3px rgba(16, 33, 41, 0.06);
  --pg-shadow-md: 0 4px 12px rgba(16, 33, 41, 0.08);
  --pg-shadow-lg: 0 12px 32px rgba(16, 33, 41, 0.14);

  /* ---- Layout ---- */
  --pg-admin-sidebar-w: 248px;
  --pg-admin-topbar-h: 64px;
  --pg-user-max-w: 440px;
  --pg-user-bottomnav-h: 66px;
  --pg-user-header-h: auto;

  --pg-z-drawer: 40;
  --pg-z-modal: 60;
  --pg-z-toast: 80;
}