:root {
  /* ─── BRAND COLORS ─── */
  --pb-blue:        #1E88D2;
  --pb-blue-dark:   #0F6FB3;
  --pb-blue-lt:     #E8F4FC;
  --pb-navy:        #0B1F3A;
  --pb-navy-2:      #142B4D;
  --pb-black:       #0A0F1A;
  --pb-accent:      #F59E0B;
  --pb-white:       #FFFFFF;

  /* ─── NEUTRALS ─── */
  --pb-gray-50:     #F8FAFC;
  --pb-gray-100:    #F1F5F9;
  --pb-gray-200:    #E2E8F0;
  --pb-gray-300:    #CBD5E1;
  --pb-gray-500:    #94A3B8;
  --pb-gray-700:    #475569;
  --pb-gray-900:    #1E293B;

  /* ─── SEMANTIC ─── */
  --pb-success:     #10B981;
  --pb-warning:     #F59E0B;
  --pb-error:       #EF4444;
  --pb-info:        #3B82F6;

  /* ─── TYPOGRAPHY ─── */
  --pb-font-display: 'Montserrat', system-ui, sans-serif;
  --pb-font-body:    'Inter', system-ui, sans-serif;
  --pb-font-arabic:  'Tajawal', 'Cairo', system-ui, sans-serif;
  --pb-font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* Type scale — mobile-first */
  --pb-text-xs:     0.75rem;
  --pb-text-sm:     0.875rem;
  --pb-text-base:   1rem;
  --pb-text-lg:     1.125rem;
  --pb-text-xl:     1.25rem;
  --pb-text-2xl:    1.5rem;
  --pb-text-3xl:    1.875rem;
  --pb-text-4xl:    2.25rem;
  --pb-text-5xl:    3rem;
  --pb-text-6xl:    3.75rem;

  /* Line heights */
  --pb-leading-tight:   1.15;
  --pb-leading-snug:    1.35;
  --pb-leading-normal:  1.6;
  --pb-leading-relaxed: 1.75;

  /* Font weights */
  --pb-weight-regular:  400;
  --pb-weight-medium:   500;
  --pb-weight-semibold: 600;
  --pb-weight-bold:     700;
  --pb-weight-black:    800;

  /* ─── SPACING (4px base) ─── */
  --pb-space-1:    0.25rem;
  --pb-space-2:    0.5rem;
  --pb-space-3:    0.75rem;
  --pb-space-4:    1rem;
  --pb-space-6:    1.5rem;
  --pb-space-8:    2rem;
  --pb-space-12:   3rem;
  --pb-space-16:   4rem;
  --pb-space-24:   6rem;
  --pb-space-32:   8rem;

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

  /* ─── SHADOWS ─── */
  --pb-shadow-sm:  0 1px 2px rgba(11, 31, 58, 0.06);
  --pb-shadow-md:  0 4px 12px rgba(11, 31, 58, 0.08);
  --pb-shadow-lg:  0 10px 30px rgba(11, 31, 58, 0.12);
  --pb-shadow-xl:  0 20px 60px rgba(11, 31, 58, 0.18);

  /* ─── TRANSITIONS ─── */
  --pb-transition-fast:   150ms ease;
  --pb-transition-base:   250ms ease;
  --pb-transition-slow:   400ms ease;

  /* ─── BREAKPOINTS (reference — use in @media queries) ─── */
  /* --pb-bp-sm:  640px  */
  /* --pb-bp-md:  768px  */
  /* --pb-bp-lg:  1024px */
  /* --pb-bp-xl:  1280px */
  /* --pb-bp-2xl: 1536px */

  /* ─── CONTAINER WIDTHS ─── */
  --pb-container-narrow: 720px;
  --pb-container-base:   1140px;
  --pb-container-wide:   1320px;
  --pb-container-full:   100%;
}