/* ==========================================================================
   Generated Themes for FitTrack App
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Theme: Dark Generated (Modern Dark Theme)
   -------------------------------------------------------------------------- */
   .theme-dark-generated {
    --primary-accent: #00bcd4; /* Cyan */
    --primary-accent-hover: #0097a7; /* Darker Cyan */
    --secondary-accent: #607d8b; /* Blue Grey */
    --secondary-accent-disabled: #455a64; /* Darker Blue Grey */

    --body-bg: #121212; /* Very Dark Grey (almost black) */
    --app-bg: #1e1e1e; /* Dark Grey */
    --header-bg: #2a2a2a; /* Slightly Lighter Dark Grey */
    --nav-bg: #2a2a2a;
    --block-bg: #2c2c2c; /* Dark Grey for blocks */
    --modal-bg: #333333; /* Medium Dark Grey for modals */
    --modal-overlay-bg: rgba(0, 0, 0, 0.75); /* Darker overlay */

    --button-light-bg: #383838; /* Grey for light buttons */
    --button-light-hover-bg: #4a4a4a;
    --input-bg: #2c2c2c; /* Dark background for inputs */
    --progress-bar-bg: #383838;
    --score-entry-bg: #252525; /* Dark for score entries */

    --text-heading: #e0e0e0; /* Light Grey for primary text */
    --text-primary: #e0e0e0; /* Light Grey for primary text */
    --text-secondary: #b0bec5; /* Lighter Blue Grey for secondary text */
    --text-muted: #78909c; /* Muted Blue Grey */
    --text-on-primary-accent: #000000; /* Black text on cyan for contrast */
    --text-on-dark-button: #ffffff; /* White text on dark action buttons */
    --text-placeholder: #757575; /* Grey for placeholders */
    --text-heading-muted: rgba(255, 255, 255, 0.25); /* Muted white for headings */

    --border-light: #424242; /* Medium Grey border */
    --border-medium: #535353; /* Slightly lighter Grey border */
    --border-dark: #303030; /* Darker border */
    --border-input: #535353;

    --action-add: #4caf50; /* Green */
    --action-delete: #f44336; /* Red */
    --action-info: #2196f3; /* Blue */
    --status-improvement: #66bb6a; /* Lighter Green */
    --status-decline: #ef5350; /* Lighter Red */
}

/* --------------------------------------------------------------------------
   2. Theme: Ocean Vibes
   -------------------------------------------------------------------------- */
.ocean-vibes {
    --primary-accent: #00acc1; /* Vibrant Teal */
    --primary-accent-hover: #00838f; /* Deeper Teal */
    --secondary-accent: #546e7a; /* Slate Grey / Deep Blue-Grey */
    --secondary-accent-disabled: #78909c; /* Lighter Slate Grey */

    --body-bg: #e0f7fa; /* Very Light Cyan / Sky Blue */
    --app-bg: #ffffff; /* White */
    --header-bg: #f0f9fa; /* Off-white with a hint of cyan */
    --nav-bg: #f0f9fa;
    --block-bg: #ffffff; /* White blocks */
    --modal-bg: #f5fcfe; /* Very light blue for modals */
    --modal-overlay-bg: rgba(0, 105, 120, 0.4); /* Teal overlay */

    --button-light-bg: #b2ebf2; /* Light Teal */
    --button-light-hover-bg: #80deea; /* Medium Light Teal */
    --input-bg: #ffffff; /* White inputs */
    --progress-bar-bg: #b2ebf2;
    --score-entry-bg: #f0f9fa; /* Light cyan for score entries */

    --text-heading: #004d40; /* Dark Teal / Deep Ocean Green for primary text */
    --text-primary: #004d40; /* Dark Teal / Deep Ocean Green for primary text */
    --text-secondary: #006064; /* Slightly Lighter Deep Teal */
    --text-muted: #26a69a; /* Muted Teal */
    --text-on-primary-accent: #ffffff; /* White text on vibrant teal */
    --text-on-dark-button: #ffffff; /* White text on action buttons */
    --text-placeholder: #80cbc4; /* Light Teal for placeholders */
    --text-heading-muted: rgba(0, 77, 64, 0.25); /* Muted dark teal for headings */

    --border-light: #b2dfdb; /* Light Teal/Mint border */
    --border-medium: #80cbc4; /* Medium Teal/Mint border */
    --border-dark: #4db6ac; /* Darker Teal/Mint border */
    --border-input: #80cbc4;

    --action-add: #4db6ac; /* Teal Green */
    --action-delete: #ff8a65; /* Coral Red/Orange */
    --action-info: #4dd0e1; /* Bright Cyan */
    --status-improvement: #4db6ac;
    --status-decline: #ff8a65;
}

/* --------------------------------------------------------------------------
   3. Theme: Sunset Glow
   -------------------------------------------------------------------------- */
.sunset-glow {
    --primary-accent: #ce21e8; /* Deep Orange / Coral */
    --primary-accent-hover: #4e8dbe; /* Darker Deep Orange */
    --secondary-accent: #7e57c2; /* Deep Purple */
    --secondary-accent-disabled: #5e35b1; /* Darker Purple */

    --body-bg: #261f38; /* Deep Indigo/Purple */
    --app-bg: #261f38; /* Lighter Deep Purple */
    --header-bg: #512da8; /* Purple for header */
    --nav-bg: #512da8;
    --block-bg: #5e35b1; /* Lighter purple for blocks */
    --modal-bg: #673ab7; /* Even lighter purple for modals */
    --modal-overlay-bg: rgba(49, 27, 146, 0.6); /* Deep indigo overlay */

    --button-light-bg: #85548f; /* Light Coral / Peach */
    --button-light-hover-bg: #ce21e8; /* Darker Peach */
    --input-bg: #5e35b1; /* Light Lavender for inputs */
    --progress-bar-bg: #522976; /* Light Orange for progress bar background */
    --score-entry-bg: #5436b1; /* Slightly different purple for score entries */

    --text-heading: #61ebd6;
    --text-primary: #ede7f6; /* Very Light Lavender/Off-White for primary text */
    --text-secondary: #d1c4e9; /* Light Lavender */
    --text-muted: #b39ddb; /* Muted Lavender */
    --text-on-primary-accent: #ffffff; /* White text on orange */
    --text-on-dark-button: #ffffff; /* White text on action buttons */
    --text-placeholder: #b39ddb; /* Muted Lavender for placeholders */
    --text-heading-muted: rgba(237, 231, 246, 0.3); /* Muted light lavender for headings */

    --border-light: #7e57c2; /* Purple border */
    --border-medium: #9575cd; /* Lighter Purple border */
    --border-dark: #673ab7; /* Slightly darker purple border */
    --border-input: #9575cd;

    --action-add: #61ebd6; /* Orange-Yellow */
    --action-delete: #e57373; /* Soft Red */
    --action-info: #f06292; /* Pink */
    --status-improvement: #61ebd6;
    --status-decline: #ff7142;
}

.theme-forest-calm {
   --primary-accent: #a89373; /* Cyan */
   --primary-accent-hover: #c0ab87; /* Darker Cyan */
   --secondary-accent: #336133; /* Blue Grey */
   --secondary-accent-disabled: #4f5e4f; /* Darker Blue Grey */

   --body-bg: #2e3130; /* Very Dark Grey (almost black) */
   --app-bg: #315143; /* Dark Grey */
   --header-bg: #2a2a2a; /* Slightly Lighter Dark Grey */
   --nav-bg: #2a2a2a;
   --block-bg: #2c2c2c; /* Dark Grey for blocks */
   --modal-bg: #333333; /* Medium Dark Grey for modals */
   --modal-overlay-bg: rgba(0, 0, 0, 0.75); /* Darker overlay */

   --button-light-bg: #383838; /* Grey for light buttons */
   --button-light-hover-bg: #4a4a4a;
   --input-bg: #2c2c2c; /* Dark background for inputs */
   --progress-bar-bg: #383838;
   --score-entry-bg: #252525; /* Dark for score entries */

   --text-heading: #e0e0e0; /* Light Grey for primary text */
   --text-primary: #e0e0e0; /* Light Grey for primary text */
   --text-secondary: #b0bec5; /* Lighter Blue Grey for secondary text */
   --text-muted: #78909c; /* Muted Blue Grey */
   --text-on-primary-accent: #000000; /* Black text on cyan for contrast */
   --text-on-dark-button: #ffffff; /* White text on dark action buttons */
   --text-placeholder: #757575; /* Grey for placeholders */
   --text-heading-muted: rgba(255, 255, 255, 0.25); /* Muted white for headings */

   --border-light: #424242; /* Medium Grey border */
   --border-medium: #535353; /* Slightly lighter Grey border */
   --border-dark: #303030; /* Darker border */
   --border-input: #535353;

   --action-add: #4caf50; /* Green */
   --action-delete: #f44336; /* Red */
   --action-info: #ff7022; /* Drag Item Indicator, User XP */
   --status-improvement: #66bb6a; /* Lighter Green */
   --status-decline: #ef5350; /* Lighter Red */
}

.theme-midnight-sky {
   --primary-accent: #d1d8a0; /* Cyan */
   --primary-accent-hover: #6e75ab; /* Darker Cyan */
   --secondary-accent: #7a8a92; /* Blue Grey */
   --secondary-accent-disabled: #455a64; /* Darker Blue Grey */

   --body-bg: #020202; /* Very Dark Grey (almost black) */
   --app-bg: #262428; /* Dark Grey */
   --header-bg: #2a2a2a; /* Slightly Lighter Dark Grey */
   --nav-bg: #2a2a2a;
   --block-bg: #151515; /* Dark Grey for blocks */
   --modal-bg: #333333; /* Medium Dark Grey for modals */
   --modal-overlay-bg: rgba(0, 0, 0, 0.75); /* Darker overlay */

   --button-light-bg: #383838; /* Grey for light buttons */
   --button-light-hover-bg: #4a4a4a;
   --input-bg: #2c2c2c; /* Dark background for inputs */
   --progress-bar-bg: #383838;
   --score-entry-bg: #252525; /* Dark for score entries */

   --text-heading: #d1d8a0; /* Light Grey for primary text */
   --text-primary: #e0e0e0; /* Light Grey for primary text */
   --text-secondary: #b0bec5; /* Lighter Blue Grey for secondary text */
   --text-muted: #78909c; /* Muted Blue Grey */
   --text-on-primary-accent: #000000; /* Black text on cyan for contrast */
   --text-on-dark-button: #ffffff; /* White text on dark action buttons */
   --text-placeholder: #757575; /* Grey for placeholders */
   --text-heading-muted: rgba(255, 255, 255, 0.25); /* Muted white for headings */

   --border-light: #424242; /* Medium Grey border */
   --border-medium: #535353; /* Slightly lighter Grey border */
   --border-dark: #303030; /* Darker border */
   --border-input: #90956f;

   --action-add: #3a32c9; /* Green */
   --action-delete: #e25231; /* Red */
   --action-info: #d6d631; /* Blue */
   --status-improvement: #d1d8a0; /* Lighter Green */
   --status-decline: #5550b4; /* Lighter Red */
}

.theme-candy-pop {
   --primary-accent: #e82167; /* Deep Orange / Coral */
   --primary-accent-hover: #fc3d6a; /* Darker Deep Orange */
   --secondary-accent: #ded120; /* Deep Purple */
   --secondary-accent-disabled: #bfb884; /* Darker Purple */

   --body-bg: #282e2d; /* Deep Indigo/Purple */
   --app-bg: #a1e2db; /* Lighter Deep Purple */
   --header-bg: #ededed; /* Purple for header */
   --nav-bg: #ededed;
   --block-bg: #ededed; /* Lighter purple for blocks */
   --modal-bg: #ededed; /* Even lighter purple for modals */
   --modal-overlay-bg: rgba(49, 27, 146, 0.6); /* Deep indigo overlay */

   --button-light-bg: #dab8c4; /* Light Coral / Peach */
   --button-light-hover-bg: #eea4be; /* Darker Peach */
   --input-bg: #f5f5f5; /* Light Lavender for inputs */
   --progress-bar-bg: #cbcbcb; /* Light Orange for progress bar background */
   --score-entry-bg: #5436b1; /* Slightly different purple for score entries */

   --text-heading: #3a3542;
   --text-primary: #3a3542; /* Very Light Lavender/Off-White for primary text */
   --text-secondary: #504664; /* Light Lavender */
   --text-muted: #8a888f; /* Muted Lavender */
   --text-on-primary-accent: #ffffff; /* White text on orange */
   --text-on-dark-button: #ffffff; /* White text on action buttons */
   --text-placeholder: #948e9e; /* Muted Lavender for placeholders */
   --text-heading-muted: rgba(237, 231, 246, 0.3); /* Muted light lavender for headings */

   --border-light: #c7c7c7; /* Purple border */
   --border-medium: #b38f9e; /* Lighter Purple border */
   --border-dark: #946b7b; /* Slightly darker purple border */
   --border-input: #a76580;

   --action-add: #ebc82a; /* Orange-Yellow */
   --action-delete: #ff8484; /* Soft Red */
   --action-info: #f06292; /* Pink */
   --status-improvement: #eb0066;
   --status-decline: #8a7280;
}

.theme-absolute-minimal {
   --primary-accent: #767676;
   --primary-accent-hover: #9abed0; 
   --secondary-accent: #bbc4cc; 
   --secondary-accent-disabled: #ececec; 
   --body-bg: #f0f2f5; 
   --app-bg: #ffffff; 
   --header-bg: #fff; 
   --nav-bg: #fff; 
   --block-bg: #fff; 
   --modal-bg: #fff;
   --modal-overlay-bg: rgba(0, 0, 0, 0.6); 
   --button-light-bg: #e9ecef; 
   --button-light-hover-bg: #d3d9df; 
   --input-bg: #fff; 
   --progress-bar-bg: #e9ecef; 
   --score-entry-bg: #f8f9fa; 
   --text-primary: #444444; 
   --text-secondary: #596068;
   --text-muted: #afb5ba; 
   --text-on-primary-accent: #ffffff; 
   --text-on-dark-button: #ffffff; 
   --text-placeholder: #aaaaaa; 
   --text-heading: #767676; 
   --border-light: #e0e0e0; 
   --border-medium: #ced4da; 
   --border-dark: #dee2e6; 
   --border-input: #cccccc;
   --action-add: #58bddc; 
   --action-delete: #dc3545; 
   --action-info: #ffdc51; /*Drag Item UI, User XP*/
   --status-improvement: #72b1a7; 
   --status-decline: #b08b8b;
}

.theme-dark-minimal {
   --primary-accent: #cbcbcb; /* Cyan */
   --primary-accent-hover: #ffffff; /* Darker Cyan */
   --secondary-accent: #535353; /* Blue Grey */
   --secondary-accent-disabled: #2c2c2c; /* Darker Blue Grey */

   --body-bg: #050404; /* Very Dark Grey (almost black) */
   --app-bg: #121212; /* Dark Grey */
   --header-bg: #000000; /* Slightly Lighter Dark Grey */
   --nav-bg: #000000;
   --block-bg: #232323; /* Dark Grey for blocks */
   --modal-bg: #232323; /* Medium Dark Grey for modals */
   --modal-overlay-bg: rgba(0, 0, 0, 0.75); /* Darker overlay */

   --button-light-bg: #383838; /* Grey for light buttons */
   --button-light-hover-bg: #4a4a4a;
   --input-bg: #2c2c2c; /* Dark background for inputs */
   --progress-bar-bg: #383838;
   --score-entry-bg: #252525; /* Dark for score entries */

   --text-heading: #e0e0e0; /* Light Grey for primary text */
   --text-primary: #e0e0e0; /* Light Grey for primary text */
   --text-secondary: #b0bec5; /* Lighter Blue Grey for secondary text */
   --text-muted: #4e5559; /* Muted Blue Grey */
   --text-on-primary-accent: #000000; /* Black text on cyan for contrast */
   --text-on-dark-button: #ffffff; /* White text on dark action buttons */
   --text-placeholder: #757575; /* Grey for placeholders */

   --border-light: #282828; /* Medium Grey border */
   --border-medium: #252525; /* Slightly lighter Grey border */
   --border-dark: #000000; /* Darker border */
   --border-input: #535353;

   --action-add: #d08316; /* Green */
   --action-delete: #f44336; /* Red */
   --action-info: #f3213d; /* Blue */
   --status-improvement: #a6d9a8; /* Lighter Green */
   --status-decline: #9c9c9c; /* Lighter Red */
}

.theme-high-contrast {
   --primary-accent: #d8d19a; /* Cyan */
   --primary-accent-hover: #ffffff; /* Darker Cyan */
   --secondary-accent: #535353; /* Blue Grey */
   --secondary-accent-disabled: #2c2c2c; /* Darker Blue Grey */

   --body-bg: #000000; /* Very Dark Grey (almost black) */
   --app-bg: #121212; /* Dark Grey */
   --header-bg: #393939; /* Slightly Lighter Dark Grey */
   --nav-bg: #393939;
   --block-bg: #000000; /* Dark Grey for blocks */
   --modal-bg: #000000; /* Medium Dark Grey for modals */
   --modal-overlay-bg: rgba(0, 0, 0, 0.75); /* Darker overlay */

   --button-light-bg: #383838; /* Grey for light buttons */
   --button-light-hover-bg: #4a4a4a;
   --input-bg: #272727; /* Dark background for inputs */
   --progress-bar-bg: #383838;
   --score-entry-bg: #252525; /* Dark for score entries */

   --text-heading: #fff7bc; /* Light Grey for primary text */
   --text-primary: #e0e0e0; /* Light Grey for primary text */
   --text-secondary: #e0e0e0; /* Lighter Blue Grey for secondary text */
   --text-muted: #b9b9b9; /* Muted Blue Grey */
   --text-on-primary-accent: #000000; /* Black text on cyan for contrast */
   --text-on-dark-button: #000000; /* White text on dark action buttons */
   --text-placeholder: #757575; /* Grey for placeholders */

   --border-light: #282828; /* Medium Grey border */
   --border-medium: #252525; /* Slightly lighter Grey border */
   --border-dark: #ffffff; /* Darker border */
   --border-input: #535353;

   --action-add: #ffffff; /* Green */
   --action-delete: #f44336; /* Red */
   --action-info: #ffffff; /* Blue */
   --status-improvement: #a6d9a8; /* Lighter Green */
   --status-decline: #9c9c9c; /* Lighter Red */
}