/* Light Theme */

[data-theme="light"],
:root:not([data-theme]) {
  /* Primary Colors */
  --primary: #2563eb;
  --primary-hover: #1d4ed8;
  --primary-light: #dbeafe;
  --primary-dark: #1e40af;

  /* Secondary Colors */
  --secondary: #64748b;
  --secondary-hover: #475569;
  --secondary-light: #e2e8f0;

  /* Accent Colors */
  --accent: #8b5cf6;
  --accent-hover: #7c3aed;
  --accent-light: #ede9fe;

  /* Status Colors */
  --success: #22c55e;
  --warning: #f59e0b;
  --error: #ef4444;
  --info: #0ea5e9;

  /* Background Colors */
  --bg-primary: #ffffff;
  --bg-secondary: #f8fafc;
  --bg-tertiary: #f1f5f9;
  --bg-hover: #e2e8f0;

  /* Text Colors */
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #94a3b8;
  --text-light: #cbd5e1;
  --text-inverse: #ffffff;

  /* Border Colors */
  --border: #e2e8f0;
  --border-hover: #cbd5e1;
  --border-focus: #2563eb;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.12);
  --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.06);

  /* Code Syntax Highlighting */
  --code-bg: #f6f8fa;
  --code-text: #24292f;
  --code-comment: #6e7781;
  --code-keyword: #cf222e;
  --code-string: #0a3069;
  --code-number: #0550ae;
  --code-function: #8250df;
  --code-variable: #953800;
  --code-operator: #0550ae;
  --code-punctuation: #24292f;
  --code-tag: #116329;
  --code-attribute: #0550ae;
  --code-value: #0a3069;

  /* Scrollbar */
  --scrollbar-track: #f1f5f9;
  --scrollbar-thumb: #cbd5e1;
  --scrollbar-thumb-hover: #94a3b8;

  /* Selection */
  --selection-bg: #dbeafe;
  --selection-text: #0f172a;

  /* Focus */
  --focus-ring: rgba(37, 99, 235, 0.2);

  /* Tooltips */
  --tooltip-bg: #0f172a;
  --tooltip-text: #ffffff;

  /* Modal Backdrop */
  --modal-backdrop: rgba(0, 0, 0, 0.5);

  /* Context Menu */
  --context-menu-bg: #ffffff;
  --context-menu-border: #e2e8f0;
  --context-menu-hover: #f8fafc;

  /* Progress */
  --progress-bg: #e2e8f0;
  --progress-fill: #2563eb;

  /* Skeleton */
  --skeleton-base: #e2e8f0;
  --skeleton-highlight: #f1f5f9;

  /* File Icons */
  --file-icon-default: #64748b;
  --file-icon-folder: #f59e0b;
  --file-icon-document: #2563eb;
  --file-icon-image: #22c55e;
  --file-icon-video: #ef4444;
  --file-icon-audio: #8b5cf6;
  --file-icon-archive: #f59e0b;
  --file-icon-code: #0ea5e9;

  /* Search Highlights */
  --search-highlight-bg: #fef3c7;
  --search-highlight-text: #92400e;
  --search-highlight-border: #f59e0b;

  /* Notifications */
  --notification-bg: #ffffff;
  --notification-border: #e2e8f0;
  --notification-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);

  /* Charts */
  --chart-primary: #2563eb;
  --chart-secondary: #8b5cf6;
  --chart-tertiary: #22c55e;
  --chart-quaternary: #f59e0b;
  --chart-quinary: #ef4444;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  --gradient-secondary: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  --gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);
  --gradient-error: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);

  /* Overlays */
  --overlay-light: rgba(255, 255, 255, 0.9);
  --overlay-dark: rgba(0, 0, 0, 0.5);

  /* Hover States */
  --hover-opacity: 0.8;
  --hover-transform: translateY(-2px);

  /* Active States */
  --active-opacity: 0.9;
  --active-transform: translateY(0);

  /* Disabled States */
  --disabled-opacity: 0.5;
  --disabled-cursor: not-allowed;

  /* Transitions */
  --transition-colors: background-color var(--transition-fast) var(--ease-in-out),
                       color var(--transition-fast) var(--ease-in-out),
                       border-color var(--transition-fast) var(--ease-in-out);
  --transition-transform: transform var(--transition-fast) var(--ease-in-out);
  --transition-shadow: box-shadow var(--transition-fast) var(--ease-in-out);
  --transition-all: all var(--transition-fast) var(--ease-in-out);
}