/**
 * PK01 Theme Design System Variables
 * Modern, Professional, Minimal, Premium, Clean
 */
:root {
  /* Brand Colors */
  --pk01-primary: #0F172A;        /* Slate 900: Deep executive navy */
  --pk01-primary-hover: #1E293B;  /* Slate 800 */
  --pk01-secondary: #2563EB;      /* Royal Enterprise Blue */
  --pk01-secondary-hover: #1D4ED8;
  --pk01-accent: #0D9488;         /* High-value teal */
  --pk01-accent-light: #F0FDFA;
  --pk01-accent-hover: #0F766E;

  /* Neutrals & Surfaces */
  --pk01-background: #F8FAFC;     /* Slate 50 ultra-clean canvas */
  --pk01-surface: #FFFFFF;        /* Pristine card surface */
  --pk01-surface-alt: #F1F5F9;    /* Slate 100 muted surface */
  --pk01-text: #0F172A;           /* High contrast readable text */
  --pk01-text-secondary: #475569; /* Slate 600 secondary body */
  --pk01-muted: #64748B;          /* Slate 500 captions & meta */
  --pk01-border: #E2E8F0;         /* Slate 200 border */
  --pk01-border-subtle: #F1F5F9;  /* Slate 100 hairline */

  /* Semantic Feedback */
  --pk01-success: #10B981;
  --pk01-success-bg: #ECFDF5;
  --pk01-warning: #F59E0B;
  --pk01-warning-bg: #FFFBEB;
  --pk01-danger: #EF4444;
  --pk01-danger-bg: #FEF2F2;
  --pk01-info: #3B82F6;
  --pk01-info-bg: #EFF6FF;

  /* Typography Scale */
  --pk01-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --pk01-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --pk01-text-xs: 0.75rem;    /* 12px */
  --pk01-text-sm: 0.875rem;   /* 14px */
  --pk01-text-base: 1rem;     /* 16px - Base */
  --pk01-text-lg: 1.125rem;   /* 18px */
  --pk01-text-xl: 1.25rem;    /* 20px */
  --pk01-text-2xl: 1.5rem;    /* 24px */
  --pk01-text-3xl: 1.875rem;  /* 30px */
  --pk01-text-4xl: 2.25rem;   /* 36px */
  --pk01-text-5xl: 3rem;      /* 48px */

  /* Spacing */
  --pk01-space-1: 0.25rem;
  --pk01-space-2: 0.5rem;
  --pk01-space-3: 0.75rem;
  --pk01-space-4: 1rem;
  --pk01-space-5: 1.25rem;
  --pk01-space-6: 1.5rem;
  --pk01-space-8: 2rem;
  --pk01-space-10: 2.5rem;
  --pk01-space-12: 3rem;
  --pk01-space-16: 4rem;
  --pk01-space-20: 5rem;
  --pk01-space-24: 6rem;

  /* Borders & Shadows */
  --pk01-radius-sm: 6px;
  --pk01-radius: 10px;
  --pk01-radius-lg: 14px;
  --pk01-radius-xl: 18px;
  --pk01-radius-full: 9999px;

  --pk01-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
  --pk01-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.07), 0 2px 4px -2px rgba(15, 23, 42, 0.05);
  --pk01-shadow-md: 0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.04);
  --pk01-shadow-lg: 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 8px 10px -6px rgba(15, 23, 42, 0.04);

  /* Layout Containers */
  --pk01-container-max: 1240px;
  --pk01-container-pad: 1.5rem;
  --pk01-header-height: 76px;
  --pk01-portal-sidebar-width: 260px;
}