/* theme-colors.css - Complete color definitions for LW and Siemens themes */

/* ====== BASE COLOR DEFINITIONS ====== */
:root {
  /* ===== LW THEME COLORS ===== */
  /* Primary & Accent Colors */
  --lw-dark-blue-indigo: #121a2b;
  --lw-maize-yellow: #f5d547;
  --lw-salmon-red: #FF6763;
  --lw-light-cornflower-blue: #84B4F8;
  --lw-steel-blue: #2F88C2;
  --lw-sea-green: #30C174;

  /* UI & Background Colors */
  --lw-dark-slate-blue: #1C202F;
  --lw-off-white: #D8D8D8;
  --lw-medium-gray: #828282;
  --lw-dark-gunmetal: #2c3e50;
  --lw-white: #FFFFFF;
  --lw-light-salmon-red: #ff6656;

  /* Transparent UI Colors */
  --lw-black-alpha-30: rgba(0, 0, 0, 0.3);
  --lw-maize-yellow-alpha-10: rgba(245, 213, 71, 0.1);
  --lw-dark-blue-indigo-alpha-70: rgba(18, 26, 43, 0.7);
  --lw-dark-slate-blue-alpha-40: rgba(30, 34, 51, 0.4);
  --lw-dark-slate-blue-alpha-10: rgba(30, 34, 51, 0.1);
  --lw-royal-blue-alpha-10: rgba(26, 95, 180, 0.1);
  --lw-royal-blue-alpha-05: rgba(26, 95, 180, 0.05);

  /* Specific Plotting & Component Colors */
  --lw-bright-yellow: #F5FF00;
  --lw-bright-cyan: #00FFE5;
  --lw-emerald-green: #00BA63;
  --lw-olive-green-yellow: #A3BE63;
  --lw-lime-green: #C8D10B;
  --lw-hot-pink: #FF67AA;
  --lw-steel-blue-light: #6386B7;
  --lw-turquoise: #30D5D9;

  /* Transparent Plotting Colors */
  --lw-steel-blue-alpha-20: rgba(47, 136, 194, 0.2);
  --lw-maize-yellow-alpha-30: rgba(245, 213, 71, 0.3);
  --lw-salmon-red-alpha-30: rgba(255, 103, 99, 0.3);

  /* Fallback/Alias Plotting Colors */
  --lw-plot-line-color: var(--lw-maize-yellow);
  --lw-plot-accent-color: var(--lw-maize-yellow);
  --lw-plot-secondary-color: var(--lw-sea-green);
  --lw-plot-grid-lines: var(--lw-dark-gunmetal);
  --lw-plot-axis-lines: var(--lw-medium-gray);

  /* ===== SIEMENS THEME COLORS ===== */
  /* Standard Theme Colors */
  --siemens-white: #FFFFFF;
  --siemens-black: #000000;
  --siemens-light-sand: #F3F3F0;
  --siemens-deep-blue: #000028;
  --siemens-petrol: #009999;
  --siemens-soft-green: #00D7A0;
  --siemens-soft-blue: #00BEDC;
  --siemens-blue: #0087BE;
  --siemens-dark-blue: #00557C;

  /* Standard Custom Colors */
  --siemens-light-petrol: #00C1B6;
  --siemens-dark-sand: #AAA996;
  --siemens-dark-yellow: #F7C600;
  --siemens-dark-green: #00646E;
  --siemens-dark-purple: #553BA3;
  --siemens-deep-blue-40-gray: rgba(102, 102, 102, 0.2);
  --siemens-red: #EF0137;
  --siemens-bold-green: #00FFB9;
  --siemens-soft-sand: #C5C5B8;
  --siemens-yellow: #FFD732;
  --siemens-green: #00AF8E;
  --siemens-purple: #805CFF;
  --siemens-deep-blue-80: #333353;
  --siemens-deep-blue-20-soft-gray: #CCCCD4;
  --siemens-dark-orange: #EC6602;
  --siemens-bold-blue: #00E6DC;
  --siemens-bright-sand: #DFDFD9;
  --siemens-soft-yellow: #FFE270;
  --siemens-soft-purple: #B4A8FF;
  --siemens-deep-blue-60-dark-gray: rgba(102, 102, 102, 0.6);
  --siemens-deep-blue-10-light-gray: rgba(102, 102, 102, 0.1);
  --siemens-orange: #FF9000;
  --siemens-pink: #FF00DC;
  --siemens-dark-teal-blue: #00648E;
  --siemens-dark-purple-variant: #500078;
  --siemens-magenta-purple: #AA32BE;
  --siemens-soft-red: #FE8389;
  
  /* Transparent Colors - Siemens */
  --siemens-black-alpha-30: rgba(0, 0, 0, 0.3);
  --siemens-yellow-alpha-10: rgba(255, 215, 50, 0.1);
  --siemens-deep-blue-alpha-70: rgba(0, 0, 40, 0.7);
  --siemens-deep-blue-alpha-100: rgba(0, 0, 40, 0.001);
  --siemens-deep-blue-80-alpha-40: rgba(51, 51, 83, 0.4);
  --siemens-deep-blue-80-alpha-10: rgba(51, 51, 83, 0.1);
  --siemens-blue-alpha-10: rgba(0, 135, 190, 0.1);
  --siemens-blue-alpha-05: rgba(0, 135, 190, 0.05);
  --siemens-blue-alpha-20: rgba(0, 135, 190, 0.2);
  --siemens-yellow-alpha-30: rgba(255, 215, 50, 0.3);
  --siemens-red-alpha-30: rgba(239, 1, 55, 0.3);
  --siemens-green-alpha-30: rgba(0, 175, 142, 0.3);
  --siemens-purple-alpha-30: rgba(180, 168, 255, 0.3);
  
  
  /* Plotting Colors - Siemens */
  --siemens-cm1: #002589;
  --siemens-cm2: #0077FE;
  --siemens-cm3: #00D5C8;
  --siemens-cm4: #32E711;
  --siemens-cm5: #FBFB44;
  --siemens-cm6: #FB3232;
}

/* ====== DEFAULT FUNCTIONAL COLOR MAPPING (LW THEME) ====== */
:root {
 /* Page Layout & UI Elements */
  --color-background: var(--lw-dark-slate-blue);
  --color-text: var(--lw-off-white);
  --color-heading: var(--lw-white);
  --color-link: var(--lw-maize-yellow);
  --color-link-hover: var(--lw-maize-yellow);
  --color-link-hover-bg: var(--lw-maize-yellow-alpha-10);
  --color-border: var(--lw-dark-gunmetal);
  --color-shadow: var(--lw-black-alpha-30);
  
  /* Navigation & Menu */
  --color-nav-bg: var(--lw-dark-slate-blue-alpha-40);
  --color-nav-text: var(--lw-off-white);
  --color-nav-active: var(--lw-maize-yellow);
  --color-nav-hover: var( --lw-maize-yellow);
  --color-submenu-bg: var(--lw-dark-slate-blue-alpha-10);
  
  /* Buttons & Interactive Elements */
  --color-button: var(--lw-steel-blue);
  --color-button-text: var(--lw-white);
  --color-button-hover: var(--lw-light-cornflower-blue);
  --color-button-active: var(--lw-sea-green);
  
  /* Accent & Highlight Colors */
  --color-accent-primary: var(--lw-salmon-red);
  --color-accent-secondary: var(--lw-sea-green);
  --color-highlight: var(--lw-maize-yellow);
  
  /* Loading & Overlay */
  --color-loading-bg: var(--lw-dark-blue-indigo-alpha-70);
  --color-loading-spinner: var(--lw-maize-yellow);
  
  /* Background Patterns */
  --color-pattern-light: var(--lw-royal-blue-alpha-05);
  --color-pattern-medium: var(--lw-royal-blue-alpha-10);
  
  /* Plot Colors */
  --color-plot-bg: var(--lw-dark-slate-blue);
  --color-plot-grid: var(--lw-dark-gunmetal);
  --color-plot-axis: var(--lw-medium-gray);
  --color-plot-line: var(--lw-plot-line-color);
  --color-plot-accent: var(--lw-plot-accent-color);
  --color-plot-secondary: var(--lw-plot-secondary-color);
  
  /* Specialized Plot Elements */
  --color-frame-highlight: var(--lw-steel-blue-alpha-20);
  --color-region-highlight1: var(--lw-salmon-red-alpha-30);
  --color-region-highlight2: var(--lw-maize-yellow-alpha-30);
  --color-colormap1: var(--lw-dark-slate-blue);
  --color-colormap2: var(--lw-dark-slate-blue);
  --color-colormap3: var(--lw-salmon-red);
  --color-colormap4: var(--lw-salmon-red);
  --color-colormap5: var(--lw-maize-yellow);
  --color-colormap6: var(--lw-white);
  
  
  /* Component Specific Colors */
  --color-cbrightyellow: var(--lw-bright-yellow);
  --color-ccyan: var(--lw-bright-cyan);
  --color-cgreen: var(--lw-emerald-green);
  --color-cgreenyellow: var(--lw-olive-green-yellow);
  --color-cyellow: var(--lw-lime-green);
  --color-cpink: var(--lw-hot-pink);
  --color-blue: var(--lw-steel-blue-light);
  --color-turquoise: var(--lw-turquoise);
}

/* ====== THEME-SPECIFIC COLOR MAPPINGS ====== */
/* LW Theme */
[data-theme="lw"] {
  /* Page Layout & UI Elements */
  --color-background: var(--lw-dark-slate-blue);
  --color-text: var(--lw-off-white);
  --color-heading: var(--lw-white);
  --color-link: var(--lw-maize-yellow);
  --color-link-hover: var(--lw-maize-yellow);
  --color-link-hover-bg: var(--lw-maize-yellow-alpha-10);
  --color-border: var(--lw-dark-gunmetal);
  --color-shadow: var(--lw-black-alpha-30);
  
  /* Navigation & Menu */
  --color-nav-bg: var(--lw-dark-slate-blue-alpha-40);
  --color-nav-text: var(--lw-off-white);
  --color-nav-active: var(--lw-maize-yellow);
  --color-nav-hover: var( --lw-maize-yellow);
  --color-submenu-bg: var(--lw-dark-slate-blue-alpha-10);
  
  /* Buttons & Interactive Elements */
  --color-button: var(--lw-steel-blue);
  --color-button-text: var(--lw-white);
  --color-button-hover: var(--lw-light-cornflower-blue);
  --color-button-active: var(--lw-sea-green);
  
  /* Accent & Highlight Colors */
  --color-accent-primary: var(--lw-salmon-red);
  --color-accent-secondary: var(--lw-sea-green);
  --color-highlight: var(--lw-maize-yellow);
  
  /* Loading & Overlay */
  --color-loading-bg: var(--lw-dark-blue-indigo-alpha-70);
  --color-loading-spinner: var(--lw-maize-yellow);
  
  /* Background Patterns */
  --color-pattern-light: var(--lw-royal-blue-alpha-05);
  --color-pattern-medium: var(--lw-royal-blue-alpha-10);
  
  /* Plot Colors */
  --color-plot-bg: var(--lw-dark-slate-blue);
  --color-plot-grid: var(--lw-dark-gunmetal);
  --color-plot-axis: var(--lw-medium-gray);
  --color-plot-line: var(--lw-plot-line-color);
  --color-plot-accent: var(--lw-plot-accent-color);
  --color-plot-secondary: var(--lw-plot-secondary-color);
  
  /* Specialized Plot Elements */
  --color-frame-highlight: var(--lw-steel-blue-alpha-20);
  --color-region-highlight1: var(--lw-salmon-red-alpha-30);
  --color-region-highlight2: var(--lw-maize-yellow-alpha-30);
  --color-colormap1: var(--lw-dark-slate-blue);
  --color-colormap2: var(--lw-dark-slate-blue);
  --color-colormap3: var(--lw-salmon-red);
  --color-colormap4: var(--lw-salmon-red);
  --color-colormap5: var(--lw-maize-yellow);
  --color-colormap6: var(--lw-white);
  
  
  /* Component Specific Colors */
  --color-cbrightyellow: var(--lw-bright-yellow);
  --color-ccyan: var(--lw-bright-cyan);
  --color-cgreen: var(--lw-emerald-green);
  --color-cgreenyellow: var(--lw-olive-green-yellow);
  --color-cyellow: var(--lw-lime-green);
  --color-cpink: var(--lw-hot-pink);
  --color-blue: var(--lw-steel-blue-light);
  --color-turquoise: var(--lw-turquoise);
}

/* Siemens Theme */
[data-theme="siemens"] {
  /* Page Layout & UI Elements */
  --color-background: var(--siemens-deep-blue);
  --color-text: var(--siemens-white);
  --color-heading: var(--siemens-white);
  --color-link: var(--siemens-petrol);
  --color-link-hover: var(--siemens-soft-blue);
  --color-link-hover-bg: var(--siemens-yellow-alpha-10);
  --color-border: var(--siemens-dark-blue);
  --color-shadow: var(--siemens-black-alpha-30);
  
  /* Navigation & Menu */
  --color-nav-bg: var(--siemens-deep-blue);
  --color-nav-text: var(--siemens-soft-sand);
  --color-nav-active: var(--siemens-petrol);
  --color-nav-hover: var(--siemens-soft-blue);
  --color-submenu-bg: var(--siemens-deep-blue-80-alpha-10);
  
  /* Buttons & Interactive Elements */
  --color-button: var(--siemens-blue);
  --color-button-text: var(--siemens-light-sand);
  --color-button-hover: var(--siemens-soft-blue);
  --color-button-active: var(--siemens-soft-green);
  
  /* Accent & Highlight Colors */
  --color-accent-primary: var(--siemens-red);
  --color-accent-secondary: var(--siemens-soft-green);
  --color-highlight: var(--siemens-bold-green);
  
  /* Loading & Overlay */
  --color-loading-bg: var(--siemens-deep-blue-alpha-70);
  --color-loading-spinner: var(--siemens-yellow);
  
  /* Background Patterns */
  --color-pattern-light: var(--siemens-blue-alpha-05);
  --color-pattern-medium: var(--siemens-blue-alpha-10);
  
  /* Plot Colors */
  --color-plot-bg: var(--siemens-deep-blue);
  --color-plot-grid: var(--siemens-deep-blue-40-gray);
  --color-plot-axis: var(--siemens-deep-blue-60-dark-gray);
  --color-plot-line: var(--siemens-yellow);
  --color-plot-accent: var(--siemens-petrol);
  --color-plot-secondary: var(--siemens-soft-green);
  
  /* Specialized Plot Elements */
  --color-frame-highlight: var(--siemens-blue-alpha-20);
  --color-region-highlight1: var(--siemens-purple-alpha-30);
  --color-region-highlight2: var(--siemens-purple-alpha-30);
  --color-colormap1: var(--siemens-cm1);
  --color-colormap2: var(--siemens-cm2);
  --color-colormap3: var(--siemens-cm3);
  --color-colormap4: var(--siemens-cm4);
  --color-colormap5: var(--siemens-cm5);
  --color-colormap6: var(--siemens-cm6);
  
  
  /* Component Specific Colors */
  --color-cbrightyellow: var(--siemens-dark-yellow);
  --color-ccyan: var(--siemens-bold-blue);
  --color-cgreen: var(--siemens-soft-green);
  --color-cgreenyellow: var(--siemens-green);
  --color-cyellow: var(--siemens-bold-green);
  --color-cpink: var(--siemens-pink);
  --color-blue: var(--siemens-soft-blue);
  --color-turquoise: var(--siemens-light-petrol);
}

/* PRINT OPTIMIZATION */
@media print {
  :root {
    --color-background: white;
    --color-text: black;
    --color-heading: black;
    --color-link: #0000EE;
    --color-border: #999999;
    --color-shadow: none;
    
    /* Plot Colors - Higher contrast for printing */
    --color-plot-bg: white;
    --color-plot-grid: #CCCCCC;
    --color-plot-axis: #666666;
    --color-plot-line: black;
    --color-plot-accent: #000000;
    --color-plot-secondary: #444444;
  }
}