/*
* Theme: Dark Theme Stylesheet
* Description: Dark theme styles for MechEngineerLK website
* Author: PrasadM
* Last Modified: 2024-04-16
*
* This stylesheet contains dark theme specific styles and color schemes
* for the MechEngineerLK website components and elements.
*/
/* Dark theme */
.dark-theme {
  --primary-color: #3b82f6;
  --primary-color-rgb: 109, 103, 228;
  --secondary-color: #1e293b;
  --accent-color: #60a5fa;
  --text-color: #f1f1f1;
  --text-color-secondary: #c5c5c5;
  --bg-color: #121212;
  --navbar-bg: rgba(18, 18, 18, 0.8);
  --navbar-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  --menu-bg: rgba(18, 18, 18, 0.9);
  --card-bg: rgba(30, 30, 30, 0.7);
  --footer-bg: linear-gradient(
    135deg,
    rgba(30, 30, 30, 0.9),
    rgba(20, 20, 20, 0.7)
  );
  --footer-text: #ffffff;
  --footer-heading: #ffffff;
  --footer-link: #ffffff;
  --footer-link-hover: #3b82f6;
  --footer-border: rgba(255, 255, 255, 0.2);
  --loader-bg: rgba(18, 18, 18, 0.95);
  --loader-text: #f1f1f1;
  --stripe-color: #000;
  --background-light: #121212;
  --background-white: #1e1e1e;
  --background-glass: rgba(30, 30, 30, 0.7);
  --border-color: #333;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3),
    0 4px 6px -2px rgba(0, 0, 0, 0.2);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.3),
    0 10px 10px -5px rgba(0, 0, 0, 0.2);
  --text-dark: #f1f1f1;
  --text-light: #c5c5c5;
  --text-lighter: #a0a0a0;
}