/* assets/css/variables.css - Master Design Tokens for RPL-CHECK */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');

:root, [data-bs-theme="light"] {
  /* Brand Color Tokens - RPL-CHECK */
  --color-primary: #1e3a8a;
  --color-primary-hover: #172554;
  --color-primary-light: #eff6ff;
  --color-primary-gradient: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);

  --color-accent: #facc15;
  --color-accent-hover: #eab308;
  --color-accent-light: #fefce8;

  --color-secondary: #64748b;
  --color-secondary-light: #f1f5f9;

  --color-success: #10b981;
  --color-success-light: #ecfdf5;

  --color-warning: #f59e0b;
  --color-warning-light: #fffbeb;

  --color-danger: #ef4444;
  --color-danger-light: #fef2f2;

  --color-info: #3b82f6;
  --color-info-light: #eff6ff;

  --color-bg-body: #f8fafc;
  --color-bg-card: #ffffff;
  --color-bg-sidebar: #ffffff;
  --color-bg-topbar: rgba(255, 255, 255, 0.95);

  --color-text-main: #0f172a;
  --color-text-muted: #64748b;
  --color-border: #e2e8f0;

  /* Typography */
  --font-family-sans: 'Plus Jakarta Sans', 'Inter', 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Spacing Tokens */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* Border Radii */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-pill: 9999px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 10px 25px -5px rgba(15, 23, 42, 0.06), 0 4px 10px rgba(0, 0, 0, 0.03);
  --shadow-lg: 0 20px 40px -10px rgba(30, 58, 138, 0.14), 0 10px 20px -5px rgba(0, 0, 0, 0.04);
  --shadow-glow: 0 8px 24px rgba(30, 58, 138, 0.3);
}

[data-bs-theme="dark"] {
  --color-primary: #3b82f6;
  --color-primary-hover: #60a5fa;
  --color-primary-light: #1e3a8a;
  --color-primary-gradient: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);

  --color-accent: #facc15;
  --color-accent-hover: #fde047;
  --color-accent-light: #422006;

  --color-secondary: #94a3b8;
  --color-secondary-light: #1e293b;

  --color-bg-body: #0b0f19;
  --color-bg-card: #151d30;
  --color-bg-sidebar: #111827;
  --color-bg-topbar: rgba(17, 24, 39, 0.95);

  --color-text-main: #f8fafc;
  --color-text-muted: #94a3b8;
  --color-border: #243049;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 20px 45px -10px rgba(59, 130, 246, 0.25);
  --shadow-glow: 0 8px 24px rgba(59, 130, 246, 0.4);
}