/* colors.css - Centralized Color Variables */
:root {
  /* Primary Colors - الألوان الأساسية */
  --primary-color: #e7e0c7; /* Your foundational primary color */
  --primary-color-2: #e7e0c7; /* Matches primary-color, consider merging if always identical */
  --light-color: #e7e0c7; /* Matches primary-color, used for various light elements */
  --dark-color: #8c8566; /* Your foundational dark color, derived from secondary */
  --green-main: #3a6b35; /* A strong green from previous snippets (e.g., .chalet-title .num, btn-primary2 hover, header.css) */
  --green-hover: #2d5529; /* A darker green for hover states */
  --green-light-bg: #e8f0e7; /* A light green background for gradients */

  /* Secondary Colors - الألوان الثانوية */
  --secondary-color: #8c8566; /* Your foundational secondary color */
  --secondary-color-darker: #6a674e;
  --dark-secondary-color: #6d664e; /* A darker shade for secondary color hover states */
  --accent-color: #b4bc5c; /* Your foundational accent color */

  /* Background Colors - الخلفيات */
  --light-bg: #f9f9f9; /* Your foundational light background */
  --white-color: #ffffff; /* Your foundational white color */
  --flash-bg-color: #f0f0f0; /* Default background for flash messages */

  /* Text Colors - ألوان النص */
  --text-color: #333333; /* Your foundational text color */
  --black-color: #000000; /* Your foundational black color */
  --gray-dark-color: #333333; /* Your foundational dark gray text color */
  --gray-color: #666666; /* Medium gray text */
  --gray-dark-color-2: #777777; /* Darker gray text for specific elements */
  --text-light: #999999; /* Light gray for secondary text */
  --modal-text-color: #555555; /* Specific text color for modal content paragraphs */
  --placeholder-color: #888888; /* For input field placeholders */

  /* Status Colors - ألوان الحالات */
  --status-review-color: #ff8800; /* Your foundational review status color (Orange) */
  --status-contact-color: #007bff; /* Your foundational contact status color (Blue) */
  --status-booked-color: #28a745; /* Your foundational booked status color (Green) */

  /* Button Colors - ألوان الأزرار */
  --submit-button-color: #28a745; /* Your foundational submit button color */
  --delete-button-color: #dc3545; /* Your foundational delete button color */
  --red-color: #dc3545; /* Matches delete-button-color, used for general red */
  --dark-red-color: #c82333; /* Darker red for delete button hover */
  --booked-day-color: #c82333;
  --dark-red-color-hover: #9a2a2a; /* Even darker red for delete-all button hover */
  --dark-gray-btn: #6c757d; /* Specific dark gray for cancel buttons */
  --red-btn-color: #d9534f; /* Specific red for action delete buttons */

  /* Border Colors - ألوان الحدود */
  --border-color: #dddddd; /* Your foundational border color */
  --border-color-light: #eeeeee; /* Very light border color for table rows and info items */
  --light-gray-border: #cccccc; /* For general light gray borders (e.g., #ccc) */

  /* Shadow Styles - أنماط الظل */
  --shadow-light: 0 2px 5px rgba(0, 0, 0, 0.1); /* Your foundational light shadow */
  --shadow-medium: 0 5px 15px rgba(0, 0, 0, 0.1); /* Your foundational medium shadow */
  --shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.15); /* Your foundational hover shadow */

  /* Specific Transparent Shadows/Overlays - ظلال شفافة محددة / تراكبات */
  --transparent-black-08: rgba(
    0,
    0,
    0,
    0.08
  ); /* Transparent black for specific shadows */
  --transparent-black-12: rgba(0, 0, 0, 0.12);
  --transparent-black-20: rgba(0, 0, 0, 0.2);
  --transparent-black-25: rgba(0, 0, 0, 0.25);
  --transparent-black-30: rgba(0, 0, 0, 0.3);
  --transparent-black-40: rgba(0, 0, 0, 0.4);
  --transparent-black-50: rgba(
    0,
    0,
    0,
    0.5
  ); /* For modal backgrounds/dark overlays */
  --transparent-red-20: rgba(
    220,
    53,
    69,
    0.2
  ); /* Transparent red, based on --red-color */
  --transparent-red-40: rgba(
    229,
    57,
    53,
    0.4
  ); /* Transparent red for btn-danger hover */
  --transparent-green-15: rgba(
    58,
    107,
    53,
    0.15
  ); /* Transparent green for input focus shadow */
  --transparent-green-18: rgba(
    58,
    107,
    53,
    0.18
  ); /* Transparent green for invoice/dropbtn shadow */
  --transparent-green-20: rgba(
    58,
    107,
    53,
    0.2
  ); /* Transparent green for invoice-btn active */
  --transparent-green-25: rgba(
    58,
    107,
    53,
    0.25
  ); /* Transparent green for invoice/dropbtn hover shadow */
  --white-transparent-95: rgba(
    255,
    255,
    255,
    0.95
  ); /* Semi-transparent white for containers */
  --white-transparent-30: rgba(
    255,
    255,
    255,
    0.3
  ); /* Semi-transparent white for borders */

  /* Alert/Message Colors - ألوان التنبيهات والرسائل */
  --error-background: #f8d7da;
  --error-text: #721c24;
  --error-border-color: #f5c6cb;
  --error-background-light: #ffebee;
  --error-text-dark: #c62828;
  --error-border-dark: #f44336;
  --success-background: #d4edda;
  --success-text: #155724;
  --success-border-color: #c3e6cb;
  --success-background-light: #e8f5e9;
  --success-text-dark: #2e7d32;
  --success-border-dark: #4caf50; /* Matches --status-booked-color */
  --warning-background: #fff3cd;
  --warning-text: #856404;
  --info-background: #cce5ff;
  --info-text: #004085;

  /* Optional: RGB values for easier RGBA definitions directly in CSS */
  --primary-color-rgb: 231, 224, 199;
  --secondary-color-rgb: 140, 133, 102;
  --accent-color-rgb: 180, 188, 92;
  --secondary-color-darker-rgb: 106, 103, 78;
  --red-color-rgb: 220, 53, 69;
  --green-main-rgb: 58, 107, 53;
  --white-color-rgb: 255, 255, 255;
  --black-color-rgb: 0, 0, 0;
  --gold-color-rgb: 255, 215, 0; /* A new color from invoice details that didn't have a direct variable. */
  --dark-gray-btn-rgb: 108, 117, 125;
  --red-btn-color-rgb: 217, 83, 79;
  --success-color-rgb: 40, 167, 69;
}