/*
 * design-overrides.css
 *
 * Legacy design tokens, animations, and global styles that supplement
 * the compiled svelte.css. Loaded after svelte.css to override component styles.
 * Based on legacy Electron "Cappuccino Glass" theme.
 */

/* ─── Keyframe Animations ───────────────────────── */

@keyframes tool-pulse {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 1; }
}

@keyframes tool-shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

@keyframes live-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(1.2); }
}

/* recording-pulse REMOVED 2026-09-10 — zero consumers (the voice orb uses
   BrainstormHost's own voice-pulse). It was also the last hardcoded
   rgba(239,68,68) "recording red" outside the token system. */

@keyframes loading-pulse {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 1; }
}

@keyframes auto-pulse {
  0%, 100% { opacity: 0.6; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.1); }
}

@keyframes auto-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes pipeline-cursor-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* ─── Syntax Highlighting ───────────────────────── */

.syntax-keyword { color: #c678dd; }
.syntax-string { color: #98c379; }
.syntax-number { color: #d19a66; }
.syntax-comment { color: #5c6370; font-style: italic; }
.syntax-literal { color: #56b6c2; }
.syntax-class-name { color: #e5c07b; }
.syntax-variable { color: #e06c75; }
.syntax-decorator { color: #61afef; }
.syntax-selector { color: #56b6c2; }
.syntax-property { color: #e06c75; }
.syntax-function { color: #61afef; }
.syntax-operator { color: #56b6c2; }
.syntax-punctuation { color: #abb2bf; }
.syntax-type { color: #e5c07b; }
.syntax-built_in { color: #e5c07b; }

/* ─── Diff Colors ───────────────────────────────── */

.diff-add { color: #22c55e; }
.diff-add-bg { background: rgba(34, 197, 94, 0.12); }
.diff-remove { color: #ef4444; text-decoration: line-through; }
.diff-remove-bg { background: rgba(239, 68, 68, 0.08); }
.diff-context { color: rgba(255, 255, 255, 0.25); }
.diff-hunk { color: #E07B39; }

/* ─── Text Readability (Glass Theme) ─────────────── */

.message-body {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.message-sender {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* ─── Conversation Area (Glass Card) ─────────────── */

.conversation-area {
  background: transparent;
}

/* ─── Scrollbars (Global Thin Glass) ─────────────── */

::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}