/**
 * Theme: Tech Lab
 * Author: Outside The Lab
 * Description: Cyan/purple gradient with tech enterprise aesthetic
 */

/* ===================================
   Light Mode (Default(
   =================================== */
[data-theme-name="tech-lab"][data-mode="light"] {
  /* Accent Colors */
  --color-accent-primary: #0099cc;
  --color-accent-secondary: #6b51e0;
  --color-accent-muted: rgba(0, 153, 204, 0.12);
  --color-border-accent: #0099cc;

  /* Backgrounds */
  --color-bg-primary: #fafbfc;
  --color-bg-secondary: #f0f2f5;
  --color-bg-tertiary: #e8eaed;
  --color-bg-elevated: #ffffff;
  --color-bg-glass: rgba(255, 255, 255, 0.8);

  /* Text */
  --color-text-primary: #0a0a0f;
  --color-text-secondary: #4a4a5a;
  --color-text-muted: #7a7a8a;

  /* Borders */
  --color-border: rgba(0, 0, 0, 0.08);
  --color-border-strong: rgba(0, 0, 0, 0.15);

  /* Gradients */
  --gradient-accent: linear-gradient(135deg, #0099cc 0%, #6b51e0 100%);
  --gradient-accent-hover: linear-gradient(135deg, #00aadd 0%, #7b61f0 100%);
  --gradient-subtle: linear-gradient(135deg, rgba(0, 153, 204, 0.08) 0%, rgba(107, 81, 224, 0.08) 100%);

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, 0.1);
  --shadow-glow: 0 0 30px rgba(0, 153, 204, 0.15), 0 0 60px rgba(107, 81, 224, 0.08);
  --shadow-glow-strong: 0 0 40px rgba(0, 153, 204, 0.2), 0 0 80px rgba(107, 81, 224, 0.1);

  /* Navigation */
  --nav-bg: rgba(250, 251, 252, 0.9);

  /* Hero */
  --hero-gradient:
    radial-gradient(ellipse at 30% 20%, rgba(0, 153, 204, 0.06) 0%, transparent 50%),
    radial-gradient(ellipse at 70% 60%, rgba(107, 81, 224, 0.04) 0%, transparent 50%);

  /* Patterns */
  --pattern-grid:
    linear-gradient(rgba(0, 0, 0, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.06) 1px, transparent 1px);
  --pattern-dot: radial-gradient(rgba(0, 0, 0, 0.12) 1px, transparent 1px);

  /* Logo */
  --logo-color: #0099cc;
  --logo-glow: rgba(0, 153, 204, 0.3);

  /* accent items */
  --pop: #f5f5f0;
}
/* ===================================
   Dark Mode
   =================================== */
[data-theme-name="tech-lab"],
[data-theme-name="tech-lab"][data-mode="dark"] {
  /* Accent Colors */
  --color-accent-primary: #00d4ff;
  --color-accent-secondary: #7b61ff;
  --color-accent-muted: rgba(0, 212, 255, 0.12);
  --color-border-accent: #00d4ff;

  /* Backgrounds */
  --color-bg-primary: #0a0a0f;
  --color-bg-secondary: #12121a;
  --color-bg-tertiary: #1a1a24;
  --color-bg-elevated: #1e1e28;
  --color-bg-glass: rgba(18, 18, 26, 0.7);

  /* Text */
  --color-text-primary: #f0f0f5;
  --color-text-secondary: #a0a0b0;
  --color-text-muted: #606070;

  /* Borders */
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 255, 255, 0.15);

  /* Gradients */
  --gradient-accent: linear-gradient(135deg, #00d4ff 0%, #7b61ff 100%);
  --gradient-accent-hover: linear-gradient(135deg, #33ddff 0%, #9580ff 100%);
  --gradient-subtle: linear-gradient(135deg, rgba(0, 212, 255, 0.1) 0%, rgba(123, 97, 255, 0.1) 100%);

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 30px rgba(0, 212, 255, 0.2), 0 0 60px rgba(123, 97, 255, 0.1);
  --shadow-glow-strong: 0 0 40px rgba(0, 212, 255, 0.3), 0 0 80px rgba(123, 97, 255, 0.15);

  /* Navigation */
  --nav-bg: rgba(10, 10, 15, 0.8);

  /* Hero */
  --hero-gradient:
    radial-gradient(ellipse at 30% 20%, rgba(0, 212, 255, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 70% 60%, rgba(123, 97, 255, 0.06) 0%, transparent 50%);

  /* Patterns */
  --pattern-grid:
    linear-gradient(rgba(0, 212, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 212, 255, 0.06) 1px, transparent 1px);
  --pattern-dot: radial-gradient(rgba(0, 212, 255, 0.16) 1px, transparent 1px);

  /* Logo */
  --logo-color: #00d4ff;
  --logo-glow: rgba(0, 212, 255, 0.3);

    /* accent items */
  --pop: #0a0a0f;
}