/* Color Palette - Sophisticated Rose & Charcoal Theme */
/* Designed for mature, professional aesthetic */
:root {
  /* Primary Colors - Soft Rose/Mauve Shades */
  --primary-color: #c08497; /* Dusty Rose - sophisticated, muted pink */
  --primary-light: #e8d5dd; /* Soft Rose - very light, elegant */
  --primary-dark: #a1627a; /* Deep Rose - richer, more saturated */
  --primary-gradient: linear-gradient(
    135deg,
    #c08497 0%,
    #b08a9b 50%,
    #a08fa0 100%
  );

  /* Secondary Colors - Charcoal & Soft Black */
  --secondary-color: #2d2d2d; /* Soft Charcoal - elegant alternative to pure black */
  --secondary-light: #4a4a4a; /* Medium Charcoal */
  --secondary-dark: #1a1a1a; /* Deep Charcoal */

  /* Accent Colors - Warm Neutrals */
  --accent-sage: #9ca89a; /* Soft Sage Green - calming, professional */
  --accent-cream: #f5f1eb; /* Warm Cream - soft background */
  --accent-lavender: #b8a9c9; /* Soft Lavender - gentle purple accent */

  /* Text Colors */
  --text-color: #2d2d2d; /* Charcoal text - easier on eyes than pure black */
  --text-light: #6b6b6b; /* Medium Gray for secondary text */
  --text-on-pink: #ffffff; /* White text on rose backgrounds */
  --text-on-dark: #f5f1eb; /* Cream text on dark backgrounds */

  /* Background Colors */
  --bg-color: #ffffff; /* Pure White background */
  --bg-light: #faf8f6; /* Warm off-white - softer than pure white */
  --bg-rose: #f7f3f5; /* Very subtle rose tint */
  --bg-dark: #2d2d2d; /* Charcoal background */
  --bg-gray: #f5f1eb; /* Cream background */

  /* Accent Backgrounds */
  --accent-pink: #f0e8ec; /* Very soft rose for subtle accents */
  --accent-warm: #faf8f6; /* Warm neutral */

  /* Border Colors */
  --border-color: #e0d8dc; /* Soft rose-gray border */
  --border-pink: #d4b8c2; /* Light rose border */
  --border-dark: #4a4a4a; /* Charcoal border */

  /* Shadow Colors - Soft and Subtle */
  --shadow: 0 4px 6px -1px rgba(192, 132, 151, 0.08),
    0 2px 4px -1px rgba(192, 132, 151, 0.04);
  --shadow-lg: 0 10px 15px -3px rgba(192, 132, 151, 0.1),
    0 4px 6px -2px rgba(192, 132, 151, 0.05);
  --shadow-black: 0 4px 6px -1px rgba(45, 45, 45, 0.1),
    0 2px 4px -1px rgba(45, 45, 45, 0.06);
  --shadow-soft: 0 2px 4px rgba(192, 132, 151, 0.05);
}