/* Improved Color Theme Variables */

/* Root Variables (Dark Theme Default) */
:root {
  /* Main colors */
  --primary: #8a0f1e;
  --primary-dark: #3a0106;
  --secondary: #e6dedd;
  --accent: #d4a152;
  --accent-light: #f0c27b;
  --text: #f0f0f0;
  --text-muted: #bbbbbb;

  /* Background colors */
  --light-bg: #1e1e1e;
  --dark-bg: #0f0f0f;
  --card-bg: #1c1c1c;
  --off-white: #f8f8f8;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #8a0f1e 0%, #b72a38 100%);
  --gradient-dark: linear-gradient(135deg, #0f0f0f 0%, #1e1e1e 100%);
  --gradient-accent: linear-gradient(135deg, #d4a152 0%, #f0c27b 100%);

  /* Header & Navigation */
  --header-bg: linear-gradient(
    to right,
    rgba(15, 15, 15, 0.85),
    rgba(30, 30, 30, 0.85),
    rgba(15, 15, 15, 0.85)
  );
  --nav-text: #f0f0f0;
  --dropdown-bg: linear-gradient(
    135deg,
    rgba(25, 25, 25, 0.95) 0%,
    rgba(15, 15, 15, 0.95) 100%
  );

  /* Overlays */
  --overlay-dark: rgba(0, 0, 0, 0.7);
  --overlay-gradient: linear-gradient(
    135deg,
    rgba(138, 15, 30, 0.3) 0%,
    rgba(15, 15, 15, 0.7) 100%
  );

  /* Cards and containers */
  --card-border: rgba(212, 161, 82, 0.15);
  --card-shadow: rgba(0, 0, 0, 0.4);
  --card-shadow-hover: rgba(0, 0, 0, 0.6);

  /* Form elements */
  --input-bg: rgba(255, 255, 255, 0.05);
  --input-border: rgba(212, 161, 82, 0.2);

  /* Modal */
  --modal-backdrop: rgba(0, 0, 0, 0.9);
  --modal-bg: linear-gradient(
    135deg,
    rgba(28, 28, 28, 0.98) 0%,
    rgba(25, 25, 25, 0.98) 100%
  );

  /* Wine category colors */
  --red-wine-color: #e87c85;
  --white-wine-color: #f0c27b;
  --rose-wine-color: #f08080;
  --red-wine-bg: linear-gradient(
    135deg,
    rgba(138, 15, 30, 0.2) 0%,
    rgba(183, 42, 56, 0.2) 100%
  );
  --white-wine-bg: linear-gradient(
    135deg,
    rgba(212, 161, 82, 0.2) 0%,
    rgba(240, 194, 123, 0.2) 100%
  );
  --rose-wine-bg: linear-gradient(
    135deg,
    rgba(219, 112, 147, 0.2) 0%,
    rgba(240, 128, 128, 0.2) 100%
  );

  /* Button gradients */
  --btn-gradient: linear-gradient(
    135deg,
    rgba(138, 15, 30, 0.95) 0%,
    rgba(183, 42, 56, 0.95) 100%
  );
  --btn-hover-gradient: linear-gradient(
    135deg,
    rgba(212, 161, 82, 0.95) 0%,
    rgba(240, 194, 123, 0.95) 100%
  );

  /* Misc */
  --divider-color: rgba(212, 161, 82, 0.3);
  --footer-border: rgba(212, 161, 82, 0.1);
  --theme-transition: background 0.3s ease, color 0.3s ease,
    border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Light Theme */
[data-theme="light"] {
  /* Main colors */
  --primary: #9e1325;
  --primary-dark: #8a0f1e;
  --secondary: #333333;
  --accent: #c28827;
  --accent-light: #d4a152;
  --text: #333333;
  --text-muted: #666666;

  /* Background colors */
  --light-bg: #f0f0f0;
  --dark-bg: #ffffff;
  --card-bg: #ffffff;
  --off-white: #333333;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #9e1325 0%, #c91a30 100%);
  --gradient-dark: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
  --gradient-accent: linear-gradient(135deg, #c28827 0%, #d4a152 100%);

  /* Header & Navigation */
  --header-bg: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.95),
    rgba(250, 250, 250, 0.95),
    rgba(255, 255, 255, 0.95)
  );
  --nav-text: #333333;
  --dropdown-bg: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(245, 245, 245, 0.98) 100%
  );

  /* Overlays */
  --overlay-dark: rgba(255, 255, 255, 0.7);
  --overlay-gradient: linear-gradient(
    135deg,
    rgba(158, 19, 37, 0.2) 0%,
    rgba(255, 255, 255, 0.5) 100%
  );

  /* Cards and containers */
  --card-border: rgba(194, 136, 39, 0.15);
  --card-shadow: rgba(0, 0, 0, 0.08);
  --card-shadow-hover: rgba(0, 0, 0, 0.15);

  /* Form elements */
  --input-bg: rgba(0, 0, 0, 0.03);
  --input-border: rgba(194, 136, 39, 0.2);

  /* Modal */
  --modal-backdrop: rgba(0, 0, 0, 0.8);
  --modal-bg: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(250, 250, 250, 0.98) 100%
  );

  /* Wine category colors */
  --red-wine-color: #9e1325;
  --white-wine-color: #c28827;
  --rose-wine-color: #c9546b;
  --red-wine-bg: linear-gradient(
    135deg,
    rgba(158, 19, 37, 0.1) 0%,
    rgba(201, 26, 48, 0.1) 100%
  );
  --white-wine-bg: linear-gradient(
    135deg,
    rgba(194, 136, 39, 0.1) 0%,
    rgba(212, 161, 82, 0.1) 100%
  );
  --rose-wine-bg: linear-gradient(
    135deg,
    rgba(201, 84, 107, 0.1) 0%,
    rgba(219, 112, 147, 0.1) 100%
  );

  /* Button gradients */
  --btn-gradient: linear-gradient(
    135deg,
    rgba(158, 19, 37, 0.95) 0%,
    rgba(201, 26, 48, 0.95) 100%
  );
  --btn-hover-gradient: linear-gradient(
    135deg,
    rgba(194, 136, 39, 0.95) 0%,
    rgba(212, 161, 82, 0.95) 100%
  );

  /* Misc */
  --divider-color: rgba(194, 136, 39, 0.2);
  --footer-border: rgba(194, 136, 39, 0.1);
  --theme-transition: background 0.3s ease, color 0.3s ease,
    border-color 0.3s ease, box-shadow 0.3s ease;
}