@import "tailwindcss";

@theme {
  /* Primary Colors */
  --color-primary: #4A90E2;
  
  /* Accent Colors */
  --color-secondary: #50E3C2;
  --color-success: #50E3C2;
  --color-error: #E35050;
  --color-danger: #C0392B;
  --color-review: #8E44AD;
  
  /* Background Colors */
  --color-background-light: #F8F9FA;
  --color-background-dark: #101922;
  
  /* Text Colors */
  --color-text-light: #333333;
  --color-text-dark: #E0E0E0;
  --color-text-secondary-light: #9B9B9B;
  --color-text-secondary-dark: #a0a0a0;
  
  /* Card/Surface Colors */
  --color-card-light: #FFFFFF;
  --color-card-dark: #1A2836;
  --color-surface-light: #ffffff;
  --color-surface-dark: #1e293b;
  
  /* Border Colors */
  --color-border-light: #E0E0E0;
  --color-border-dark: #333333;
  
  /* Fonts */
  --font-display: "Inter", sans-serif;
  
  /* Border Radius */
  --radius: 0.25rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-full: 9999px;
}

/* Material Icons */
.material-symbols-outlined {
  font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
  font-family: 'Material Symbols Outlined';
}