/* public/styles/business.css */

:root {
  /* Professional Business Palette */
  --background: #111827; /* sophisticated dark slate */
  --surface: #1f2937; /* professional grey surface */
  --surface-light: #374151; /* lighter professional surface */
  --text: #f9fafb; /* clean white text */
  --text-muted: #9ca3af; /* professional muted text */
  --text-color: #f9fafb; /* alias for text */
  --primary: #60a5fa; /* trustworthy pastel blue */
  --primary-dark: #2563eb; /* darker professional blue */
  --accent: #34d399; /* success pastel green */
  --accent-dark: #059669; /* darker professional green */
  --secondary: #fbbf24; /* professional gold accent */
  --tertiary: #a78bfa; /* subtle pastel purple */
  --warning: #fde68a; /* accessible pastel yellow */
  --error: #fca5a5; /* accessible pastel red */
  
  /* Form and UI Elements */
  --card-border-color: rgba(255, 255, 255, 0.2); /* subtle border for cards */
  --card-background-color: var(--surface); /* card background */
  --input-background: var(--surface-light); /* input field background */
  --input-border: rgba(255, 255, 255, 0.3); /* input field border */
  --input-focus-border: var(--primary); /* focused input border */
  --muted-color: var(--text-muted); /* muted text color */
  
  /* Transitions */
  --transition: all 0.2s ease-in-out;
  --radius: 0.375rem;
}