/* === Trellis Theme System ===
   Loaded before Tailwind CDN. Tailwind color utilities resolve these vars.
   Status colors (green/yellow/red/amber/purple/indigo/orange) are NOT tokenized —
   they stay as stock Tailwind for consistent semantic meaning across all themes.
*/

/* ===== Light (Default — stock Tailwind values) ===== */
:root,
[data-theme="light"] {
  --gray-50:  #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --color-white: #ffffff;
  --blue-50:  #eff6ff;
  --blue-100: #dbeafe;
  --blue-200: #bfdbfe;
  --blue-500: #3b82f6;
  --blue-600: #2563eb;
  --blue-700: #1d4ed8;
  --blue-800: #1e40af;
  /* Sidebar */
  --sidebar-bg: #111827;
  --sidebar-text: #ffffff;
  --sidebar-text-muted: #9ca3af;
  --sidebar-text-section: #6b7280;
  --sidebar-border: #374151;
  --sidebar-hover: #1f2937;
  --sidebar-active: #1f2937;
}

/* ===== Dark (VS Code Dark+ inspired) ===== */
[data-theme="dark"] {
  --gray-50:  #1e1e1e;
  --gray-100: #252526;
  --gray-200: #2d2d30;
  --gray-300: #3e3e42;
  --gray-400: #808080;
  --gray-500: #a0a0a0;
  --gray-600: #cccccc;
  --gray-700: #d4d4d4;
  --gray-800: #e8e8e8;
  --gray-900: #f0f0f0;
  --color-white: #2d2d2e;
  --blue-50:  #1a3a5c;
  --blue-100: #1e4976;
  --blue-200: #264f78;
  --blue-500: #569cd6;
  --blue-600: #4ba0f0;
  --blue-700: #6cb6ff;
  --blue-800: #9cdcfe;
  --sidebar-bg: #181818;
  --sidebar-text: #cccccc;
  --sidebar-text-muted: #808080;
  --sidebar-text-section: #6e6e6e;
  --sidebar-border: #2d2d30;
  --sidebar-hover: #2a2d2e;
  --sidebar-active: #37373d;
}

/* ===== Midnight (GitHub Dark inspired) ===== */
[data-theme="midnight"] {
  --gray-50:  #0d1117;
  --gray-100: #161b22;
  --gray-200: #21262d;
  --gray-300: #30363d;
  --gray-400: #6e7681;
  --gray-500: #8b949e;
  --gray-600: #c9d1d9;
  --gray-700: #d2dae4;
  --gray-800: #e6edf3;
  --gray-900: #f0f6fc;
  --color-white: #1c2129;
  --blue-50:  #0c2d6b;
  --blue-100: #1158c7;
  --blue-200: #1a6edd;
  --blue-500: #58a6ff;
  --blue-600: #58a6ff;
  --blue-700: #79c0ff;
  --blue-800: #a5d6ff;
  --sidebar-bg: #010409;
  --sidebar-text: #c9d1d9;
  --sidebar-text-muted: #6e7681;
  --sidebar-text-section: #484f58;
  --sidebar-border: #21262d;
  --sidebar-hover: #161b22;
  --sidebar-active: #1f2328;
}

/* ===== Nord (Arctic blue-gray palette) ===== */
[data-theme="nord"] {
  --gray-50:  #2e3440;
  --gray-100: #3b4252;
  --gray-200: #434c5e;
  --gray-300: #4c566a;
  --gray-400: #7b88a1;
  --gray-500: #939fb8;
  --gray-600: #d8dee9;
  --gray-700: #e5e9f0;
  --gray-800: #eceff4;
  --gray-900: #eceff4;
  --color-white: #3b4252;
  --blue-50:  #2e3e50;
  --blue-100: #38506a;
  --blue-200: #3d5a7a;
  --blue-500: #81a1c1;
  --blue-600: #88c0d0;
  --blue-700: #8fbcbb;
  --blue-800: #a3d3d4;
  --sidebar-bg: #242933;
  --sidebar-text: #d8dee9;
  --sidebar-text-muted: #7b88a1;
  --sidebar-text-section: #5e6779;
  --sidebar-border: #3b4252;
  --sidebar-hover: #3b4252;
  --sidebar-active: #434c5e;
}

/* ===== Monokai (Sublime Text inspired) ===== */
[data-theme="monokai"] {
  --gray-50:  #272822;
  --gray-100: #2e2e28;
  --gray-200: #3e3d32;
  --gray-300: #4e4d42;
  --gray-400: #75715e;
  --gray-500: #a6a28c;
  --gray-600: #c8c5b0;
  --gray-700: #e8e5d0;
  --gray-800: #f8f8f2;
  --gray-900: #f8f8f2;
  --color-white: #34342e;
  --blue-50:  #3b3428;
  --blue-100: #4b4438;
  --blue-200: #5b5448;
  --blue-500: #66d9ef;
  --blue-600: #a6e22e;
  --blue-700: #a6e22e;
  --blue-800: #c8f070;
  --sidebar-bg: #1e1f1c;
  --sidebar-text: #f8f8f2;
  --sidebar-text-muted: #75715e;
  --sidebar-text-section: #5c5b50;
  --sidebar-border: #3e3d32;
  --sidebar-hover: #3e3d32;
  --sidebar-active: #4e4d42;
}

/* ===== Solarized Dark ===== */
[data-theme="solarized"] {
  --gray-50:  #002b36;
  --gray-100: #073642;
  --gray-200: #0a4050;
  --gray-300: #1a5060;
  --gray-400: #657b83;
  --gray-500: #839496;
  --gray-600: #93a1a1;
  --gray-700: #bec5c5;
  --gray-800: #eee8d5;
  --gray-900: #fdf6e3;
  --color-white: #0a3f4e;
  --blue-50:  #0a3d4a;
  --blue-100: #0d4a5a;
  --blue-200: #105a6d;
  --blue-500: #268bd2;
  --blue-600: #2aa198;
  --blue-700: #2eb8a8;
  --blue-800: #6ec7bf;
  --sidebar-bg: #00212b;
  --sidebar-text: #93a1a1;
  --sidebar-text-muted: #657b83;
  --sidebar-text-section: #4d6268;
  --sidebar-border: #073642;
  --sidebar-hover: #073642;
  --sidebar-active: #0a4050;
}