/**
 * Shared design tokens for the platform (business apps + marketplace).
 * Imported by platform_theme.css and marketplace_theme.css — edit here only (DRY).
 */
:root {
  --platform-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --platform-radius-sm: 0.375rem;
  --platform-radius-md: 0.75rem;
  --platform-radius-lg: 1.25rem;
  --platform-radius-xl: 1.75rem;
  --platform-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --platform-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
  --platform-shadow-lg: 0 20px 50px rgba(15, 23, 42, 0.12);
  --platform-transition: 0.2s ease;
  --platform-navbar-height: 3.5rem;
  --platform-ink: #0f172a;
  --platform-muted: #64748b;
  --platform-surface: #f8fafc;
  --platform-brand: #2563eb;
  --platform-brand-dark: #1d4ed8;
  --platform-accent: #0ea5e9;
  --platform-success: #059669;
  --platform-gradient-start: #0f172a;
  --platform-gradient-end: #1e3a5f;

  /* Bundle palette — not Bootstrap semantic colors */
  --bundle-hr-color: #0891b2;
  --bundle-hr-soft: rgba(8, 145, 178, 0.12);
  --bundle-hr-gradient: linear-gradient(135deg, #06b6d4 0%, #6366f1 100%);

  --bundle-accounting-color: #6366f1;
  --bundle-accounting-soft: rgba(99, 102, 241, 0.12);
  --bundle-accounting-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);

  --bundle-pos-color: #059669;
  --bundle-pos-soft: rgba(5, 150, 105, 0.12);
  --bundle-pos-gradient: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);

  --bundle-ecommerce-color: #d97706;
  --bundle-ecommerce-soft: rgba(217, 119, 6, 0.12);
  --bundle-ecommerce-gradient: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
}

[data-bs-theme="dark"] {
  --platform-ink: #f1f5f9;
  --platform-muted: #94a3b8;
  --platform-surface: #1e293b;
  --platform-shadow-md: 0 4px 24px rgba(0, 0, 0, 0.35);
  --platform-shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.45);
}