:root {
  --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  /* Light Theme (Cobalt-based) */
  --background-primary: #f5f9fc; /* Very light blue-gray, slightly lighter */
  --background-primary-gradient: linear-gradient(to bottom right, #f0f4f8, #e0e7ed); /* Subtle gradient for light theme */
  --background-secondary: #e0e7ed; /* Light blue-gray */
  --text-primary: #1a2a3a; /* Dark blue-gray for text */
  --text-secondary: #4a6a8a; /* Medium blue-gray for secondary text */
  --accent-color: #0047ab; /* Classic Cobalt Blue */
  --card-background: #ffffff; /* White cards */
  --card-border: #c0d0e0; /* Light blue border */
  --nav-background: #003366; /* Darker Cobalt for nav */
  --nav-text: #e0e7ed; /* Light text for nav */
  --nav-text-hover: #ffffff; /* White text on hover for nav */
  --navbar-brand-color: #ffffff; /* White for brand in light nav */
  --theme-switcher-border: var(--nav-text); /* Border color for switcher */
  --theme-switcher-color: var(--nav-text); /* Color for emoji */
  --theme-switcher-hover-border: var(--nav-text-hover); /* Hover border color */
  --theme-switcher-hover-color: var(--nav-text-hover); /* Hover emoji color */
  --theme-switcher-hover-bg-cobalt: #0047ab; /* Cobalt for hover background */

    /* Original file_organizer_script variables, adjusted to new theme */
    --primary-color: var(--accent-color); /* Use accent color for primary */
    --primary-hover: #0056b3; /* Keep original hover or adjust if needed */
    --text-color: var(--text-primary);
    --bg-color: var(--background-primary);
    --border-color: var(--card-border);
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

body.dark-theme {
  /* Dark Theme (Cobalt-based) */
  --background-primary: #0a1a2a; /* Very dark blue */
  --background-primary-gradient: linear-gradient(to bottom right, #0a1a2a, #1a2a3a); /* Subtle gradient for dark theme */
  --background-secondary: #1a2a3a; /* Dark blue */
  --text-primary: #e0e7ed; /* Light blue-gray for text */
  --text-secondary: #8a9aaa; /* Muted light blue-gray for secondary text */
  --accent-color: #3b82f6; /* Brighter blue for accent */
  --card-background: #1a2a3a; /* Dark blue cards */
  --card-border: #2a3a4a; /* Slightly lighter dark blue border */
  --nav-background: #0a1a2a; /* Very dark blue for nav */
  --nav-text: #8a9aaa; /* Muted light text for nav */
  --nav-text-hover: #ffffff; /* White text on hover for nav */
  --navbar-brand-color: #ffffff; /* White for brand in dark nav */
  --theme-switcher-border: var(--nav-text); /* Border color for switcher */
  --theme-switcher-color: var(--nav-text); /* Color for emoji */
  --theme-switcher-hover-border: var(--nav-text-hover); /* Hover border color */
  --theme-switcher-hover-color: var(--nav-text-hover); /* Hover emoji color */
  --theme-switcher-hover-bg-cobalt: #3b82f6; /* Brighter Cobalt for hover background in dark mode */

    /* Original file_organizer_script variables, adjusted for dark theme */
    --primary-color: var(--accent-color);
    --primary-hover: #0056b3; /* Adjust if a darker hover is desired for dark theme */
    --text-color: var(--text-primary);
    --bg-color: var(--background-primary);
    --border-color: var(--card-border);
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}