/* Design Tokens for GranitePro ERP */
:root {
  /* Color Palette (Slate, Granite, and Copper Accents) */
  --hue-brand: 215; /* Slate Blue */
  --hue-accent: 25;  /* Copper Accent */
  
  --primary-color: hsl(var(--hue-brand), 75%, 55%);
  --primary-hover: hsl(var(--hue-brand), 75%, 45%);
  
  --accent-color: hsl(var(--hue-accent), 80%, 55%);
  --accent-hover: hsl(var(--hue-accent), 80%, 45%);
  
  /* Light Mode Styles */
  --bg-app: hsl(210, 20%, 98%);
  --bg-sidebar: hsl(215, 30%, 15%);
  --bg-card: hsl(0, 0%, 100%);
  --bg-input: hsl(0, 0%, 100%);
  
  --text-main: hsl(215, 25%, 20%);
  --text-muted: hsl(215, 15%, 50%);
  --text-sidebar: hsl(215, 20%, 80%);
  --text-sidebar-active: hsl(0, 0%, 100%);
  
  --border-color: hsl(215, 15%, 88%);
  --border-focus: hsl(var(--hue-brand), 70%, 75%);
  
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
  
  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(255, 255, 255, 0.3);
  --glass-blur: 12px;
  
  --font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Dark Mode Overrides */
[data-theme="dark"] {
  --bg-app: hsl(220, 25%, 10%);
  --bg-sidebar: hsl(220, 30%, 8%);
  --bg-card: hsl(220, 25%, 14%);
  --bg-input: hsl(220, 25%, 12%);
  
  --text-main: hsl(220, 15%, 90%);
  --text-muted: hsl(220, 10%, 65%);
  --text-sidebar: hsl(220, 15%, 70%);
  --text-sidebar-active: hsl(0, 0%, 100%);
  
  --border-color: hsl(220, 20%, 20%);
  --border-focus: hsl(var(--hue-brand), 50%, 40%);
  
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
  
  --glass-bg: rgba(15, 23, 42, 0.6);
  --glass-border: rgba(255, 255, 255, 0.05);
}