/*┌────────────────────────────────────────────────────┐
  │ KRAFT STEAM Elements                               │
  │ COPYRIGHT (c) 2026 Pedro Luis Barrio. BITaMinD R+D │
  │ ALL RIGHTS RESERVED.                               │
  └────────────────────────────────────────────────────┘ 
 
   THEME VARIABLES & DEPENDENCIES
   ──────────────────────────────
   
   Definition of data-theme attributes:
   - data-theme-color    : string color
   - data-theme-light    : boolean light mode
   - data-theme-contrast : boolean contrast
   ════════════════════════════════════════════════════════ */

/* 1. BASE VARIABLES (Default Green Dark Theme)
  ─────────────────────────────────────────────*/
	:root {
		--bg       : #0a1f12;
		--surface  : #153822;
		--border   : #2d6645;
		--accent   : #BFFF00;
		--text     : #e0ffe0;
		--muted    : #76a885;
		
		--track    : #1e331e;
		--thumb    : var(--accent);
	}

/* 2. THEME COLORS (Dark Mode Variations)
  ───────────────────────────────────────*/
  [data-theme-color="green"] {
		--bg       : #0a1f12;
		--surface  : #153822;
		--border   : #2d6645;
		--accent   : #BFFF00;
		--text     : #e0ffe0;
		--muted    : #76a885;
		
		--track    : #1e331e;
		--thumb    : var(--accent);
	}

	[data-theme-color="orange"] {
		--bg       : #1f150a;
		--surface  : #382815;
		--border   : #664d2d;
		--accent   : #FF7F00;
		--text     : #fff0e0;
		--muted    : #a88d76;
		
		--track    : #33251e;
		--thumb    : var(--accent);
	}

	[data-theme-color="blue"] {
		--bg       : #1a3a5f;
		--surface  : #254b75;
		--border   : #4a7ab0;
		--accent   : #00FFFF;
		--text     : #e0f0ff;
		--muted    : #99c2e6;
		
		--track    : #1e2933;
		--thumb    : var(--accent);
	}

/* 3. LIGHT MODE OVERRIDES
  ─────────────────────────*/
	[data-theme-light="true"] {
		--bg       : #f4f4f4;
		--surface  : #ffffff;
		--border   : #cccccc;
		--text     : #1a1a1a;
		--muted    : #666666;
		
  	--track    : #e0e0e0;
		--thumb    : var(--accent);
	}
	
	[data-theme-light="true"][data-theme-color="green"]  { --accent: #7a942a; }
  [data-theme-light="true"][data-theme-color="orange"] { --accent: #c26d00; }
  [data-theme-light="true"][data-theme-color="blue"]   { --accent: #2c7bb6; }

/*  4. HIGH CONTRAST MODE
  ────────────────────────*/
	[data-theme-contrast="true"] {--bg: #101010;}
	
  [data-theme-contrast="true"][data-theme-light="true"] {--bg: #FFFFFF;}
		
	[data-theme-contrast="true"][data-theme-light="false"][data-theme-color="green"],
  [data-theme-contrast="true"][data-theme-light="false"][data-theme-color="orange"],
  [data-theme-contrast="true"][data-theme-light="false"][data-theme-color="blue"] {
    --muted: #BBBBBB;
    --text: #FFFFFF;
  }