/* Studio Precision V2 Theme Styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=JetBrains+Mono:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

:root {
  --studio-orange: #FF6A00;
  --deep-charcoal: #0D0E0F;
  --surface: #131313;
  --surface-container: #1f1f1f;
  --border-hairline: #262626;
  --terminal-green: #00FF41;
  --error-red: #FF3B30;
  --warning-amber: #FFB800;
  --on-surface: #e2e2e2;
  --on-secondary-container: #b6b5b6;
}

body {
  background-color: #000000;
  color: var(--on-surface);
  font-family: 'Inter', sans-serif;
}

.font-mono {
  font-family: 'JetBrains Mono', monospace;
}

.bg-deep-charcoal {
  background-color: var(--deep-charcoal);
}

.bg-surface {
  background-color: var(--surface);
}

.bg-studio-orange {
  background-color: var(--studio-orange);
}

.text-studio-orange {
  color: var(--studio-orange);
}

.border-studio-orange {
  border-color: var(--studio-orange);
}

.border-hairline {
  border-color: var(--border-hairline);
}

.text-terminal-green {
  color: var(--terminal-green);
}

.bg-terminal-green {
  background-color: var(--terminal-green);
}

.text-error-red {
  color: var(--error-red);
}

.bg-error-red {
  background-color: var(--error-red);
}

.border-error-red {
  border-color: var(--error-red);
}

.progress-bar-stripes {
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-size: 1rem 1rem;
  animation: progress-stripes 1s linear infinite;
}

@keyframes progress-stripes {
  from { background-position: 1rem 0; }
  to { background-position: 0 0; }
}

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% { opacity: 0; }
}