/* 
 * Aurillous Website Color Palette
 * Generated from analysis of the website
 */

:root {
  /* Primary Colors */
  --primary-green: #6b704f;
  --secondary-pink: #ef6f6a;
  --primary-purple: #582d4e;
  
  /* Neutral Colors */
  --white: #ffffff;
  --light-gray: #f7f7f7;
  --light-gray-alt: #f2f3f0;
  --border-gray: #ebebeb;
  
  /* Text Colors */
  --text-dark: #111111;
  --text-body: #4b4b4b;
  --text-meta: #75766e;
  --text-secondary: #555;
  
  /* Accent Colors */
  --sale-red: #dc0000;
  --error-red: #cf2e2e;
  --success-green: #00d084;
  
  /* Dark Mode Colors */
  --dark-bg: #111111;
  --dark-element-bg: #1d1d1d;
  --dark-text: #c6c6c6;
  --dark-border: #3a3939;
  --dark-meta: #b0b0b0;
  
  /* Button Colors */
  --button-bg: #ffffff;
  --button-text: #111111;
  --button-hover: #6b704f;
  
  /* Gradient Colors */
  --gradient-primary: linear-gradient(135deg, #6b704f 0%, #848967 100%);
  --gradient-pink: linear-gradient(135deg, #ef6f6a 0%, #dc0000 100%);
  --gradient-purple: linear-gradient(135deg, #582d4e 0%, #6b4470 50%, #582d4e 100%);
  --gradient-purple-pink: linear-gradient(135deg, #582d4e 0%, #ef6f6a 100%);
  --gradient-purple-green: linear-gradient(135deg, #582d4e 0%, #6b704f 100%);
  --gradient-overlay: radial-gradient(circle at 20% 50%, rgba(239, 111, 106, 0.15) 0%, transparent 50%),
                      radial-gradient(circle at 80% 80%, rgba(107, 112, 79, 0.15) 0%, transparent 50%);
}

/* Usage Examples */

.primary-button {
  background-color: var(--primary-green);
  color: var(--white);
}

.secondary-button {
  background-color: var(--secondary-pink);
  color: var(--white);
}

.text-primary {
  color: var(--text-dark);
}

.text-body {
  color: var(--text-body);
}

.sale-price {
  color: var(--sale-red);
}

/* Dark Mode */
[data-theme="dark"] {
  --text-body: var(--dark-text);
  --bg-color: var(--dark-bg);
  --border-color: var(--dark-border);
}