/* Light Theme Override */
/* Simply override the variables you want to change - everything else stays the same */

:root {
  /* Background Colors */
  --color-primary-bg: #ffffff;        /* Main app background */
  --color-secondary-bg: #f8fafc;      /* Chat input, history backgrounds */
  --color-tertiary-bg: #f1f5f9;       /* Message bubbles, panels */
  --color-surface-1: #e2e8f0;         /* Cards, elevated surfaces */
  --color-surface-2: #cbd5e1;         /* Secondary surfaces */
  --color-surface-3: #94a3b8;         /* Tertiary surfaces */
  
  /* Text Colors */
  --color-text-primary: #343f52;      /* Primary text */
  --color-text-secondary: #475569;    /* Secondary text */
  --color-text-muted: #64748b;        /* Muted text */
  --color-text-subtle: #94a3b8;       /* Very muted text */
  
  /* Interactive Colors - Keep the same accent colors for consistency */
  --color-accent-primary: #3b82f6;    /* Slightly different blue for light mode */
  --color-accent-primary-hover: #2563eb;
  --color-user-message: #3b82f6;      /* User message bubbles */
  
  /* Status Colors - Darker for better light theme contrast */
  --color-success: #16a34a;           /* Darker green for light backgrounds */
  --color-warning: #ea580c;           /* Darker orange for light backgrounds */
  
  /* Border Colors */
  --color-border-subtle: rgba(0, 0, 0, 0.05);     /* Subtle borders */
  --color-border-emphasis: rgba(0, 0, 0, 0.1);    /* Emphasized borders */
  --color-border-solid: rgba(148, 163, 184, 1);   /* Solid borders */
  
  /* Overlay Colors */
  --color-overlay-subtle: rgba(0, 0, 0, 0.05);    /* Subtle overlays */
  --color-overlay-hover: rgba(0, 0, 0, 0.08);     /* Hover overlays */
  
  /* Gradient Colors */
  --color-soft-primary: #e0f2fe;                 /* Soft primary for gradients */
  --color-white-rgb: 255, 255, 255;              /* White RGB values for rgba() */
}

/* Optional: Light theme specific adjustments */
.source-code-pro-logo {
  /* Ensure logo is readable in light mode */
  color: var(--color-text-primary) !important;
}
.google-sans-code-logo {
  color: var(--color-text-primary) !important;
}

/* Ensure external links are still visible in light mode */
.message-content a {
  color: var(--color-accent-primary);
  font-weight: 500; /* Slightly bolder for better contrast */
}

.message-content a:hover {
  color: var(--color-accent-primary-hover);
}

#chat-input-interactive-area {
    position: relative;
}

.chat-input-interactive-area-attention::before {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(90deg, 
        transparent, transparent, 
        #ff0000, #ff8c00, #ffd700, #32cd32, #00bfff, #8a2be2, #ff1493,
        transparent, transparent);
    background-size: 400% 100%;
    border-radius: 0.75rem;
    animation: slide 30s linear infinite; /* Slowed from 3s to 5s */
    z-index: -1;
    pointer-events: none;
}

@keyframes slide {
    0% { background-position: -400% 0; }
    100% { background-position: 400% 0; }
}