/* css/colors.css - Premium Color Palette */
:root {
  /* Core neutrals - sophisticated warm grays */
  --color-background: #ffffff;
  --color-background-subtle: #F5F5F4;
  --color-background-muted: #E7E5E4;
  
  /* Text hierarchy - rich, high-contrast */
  --color-text: #1C1917;
  --color-text-secondary: #57534E;
  --color-text-muted: #78716C;
  
  /* Primary brand - deep, sophisticated blue */
  --color-primary: #1E293B;
  --color-primary-dark: #0F172A;
  --color-primary-light: #334155;
  --color-primary-text: #F8FAFC;
  
  /* Secondary/accent - refined sage green */
  --color-secondary: #ffffff;
  --color-secondary-light: #F8FAFC;
  --color-secondary-text: #1E293B;
  
  /* Accent color - premium emerald */
  --color-accent: #059669;
  --color-accent-light: #10B981;
  --color-accent-dark: #047857;
  
  /* Interactive states */
  --color-border: #D6D3D1;
  --color-border-subtle: #E7E5E4;
  --color-focus-ring: #059669;
  
  /* Button hover states - more sophisticated transitions */
  --color-primary-hover: #0F172A;
  --color-primary-hover-dark: #020617;
  --color-secondary-hover: #F1F5F9;
  --color-secondary-hover-light: #E2E8F0;

  /* Icons Colors */
  --color-icon-primary: #1E293B;
  --color-icon-secondary: #ffffff;
  --color-icon-tertiary: #D6D3D1;
  --color-icon-quaternary: #57534E;
  
  /* Premium additions */
  --color-surface: #ffffff;
  --color-surface-elevated: #ffffff;
  --shadow-subtle: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}