/* Theme Variables */
:root {
  /* Light theme (default) */
  --bg-primary: #ffffff;
  --bg-secondary: #f8f8f8;
  --text-primary: #000000;
  --text-secondary: #333333;
  --accent: #666666;
  --floral-opacity: 0.05;
  --border-color: #e0e0e0;
  --hover-bg: #f0f0f0;
  --shadow: rgba(0, 0, 0, 0.4);
  --edge-shadow: rgba(0, 0, 0, 0.8);
}

[data-theme="dark"] {
  /* Dark theme */
  --bg-primary: #000000;
  --bg-secondary: #111111;
  --text-primary: #ffffff;
  --text-secondary: #cccccc;
  --accent: #999999;
  --floral-opacity: 0.1;
  --border-color: #333333;
  --hover-bg: #1a1a1a;
  --shadow: rgba(255, 255, 255, 0.25);
  --edge-shadow: rgba(255, 255, 255, 0.8);
}

/* Theme transition */
* {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}