/* ===== GRUVBOX THEME (DEFAULT) ===== */

body {
  background-color: #282828; /* Gruvbox dark background */
  color: #ebdbb2; /* Gruvbox light beige text */
}

.prompt {
  color: #fe8019; /* Gruvbox orange for prompt */
}

.input-area {
  color: #ebdbb2; /* Gruvbox beige */
  caret-color: #fe8019; /* Orange cursor */
}

.date {
  color: #ef5757; /* Gruvbox dark red/maroon */
}

.response-line {
  color: #ebdbb2; /* Gruvbox beige */
}

/* ===== SEMANTIC COLORS ===== */
.command {
  color: #83a598; /* Gruvbox blue for commands */
}

.flag {
  color: #fe8019; /* Gruvbox orange for flags */
}

.header {
  color: #bcaa73; /* Gruvbox yellow for headers */
}

.section {
  color: #d3869b; /* Gruvbox purple for sections */
}

.label {
  color: #b8bb26; /* Gruvbox green for labels */
}

.number {
  color: #fb4934; /* Gruvbox bright red for numbers */
}

.tech {
  color: #8ec07c; /* Gruvbox aqua for tech terms */
}

.company {
  color: #d3869b; /* Gruvbox purple for company names */
}

.path {
  color: #83a598; /* Gruvbox blue for paths */
}

.directory {
  color: #83a598; /* Gruvbox blue for directories */
}

.success {
  color: #b8bb26; /* Gruvbox green for success */
}

.error {
  color: #fb4934; /* Gruvbox red for errors */
}

.tip {
  color: #fabd2f; /* Gruvbox yellow for tips */
}

.link {
  /* color: #8ec07c; Gruvbox aqua for links */
}

.emoji {
  color: inherit;
}

/* ===== OPTIONAL: SUBTLE TEXTURE =====
body {
  background-image: radial-gradient(circle at 1px 1px, rgba(235,219,178,0.05) 1px, transparent 0);
  background-size: 20px 20px;
}
*/
body .terminal {
  /*background-image: radial-gradient(circle at 1px 1px, rgba(235, 219, 178, 0.05) 1px, #d207e408 0);*/
  background-image: repeating-linear-gradient(0deg, #e955562b, transparent 2px, rgba(0, 255, 0, 0.03) 2px, rgba(0, 255, 0, 0.03) 4px);
}

pre em { color: #fe8019; } /* top - gruvbox orange */
pre i  { color: #a40618; } /* sides - gruvbox blue */
pre b  { color: #5150cd; } /* back - gruvbox dark */

.ascii-art:hover em span {
  animation: cozyglow 3s ease-in-out infinite;
  animation-delay: calc(var(--char-index) * 0.05s);
}

@keyframes cozyglow {
  0%, 100% {
    color: #fe8019;
    text-shadow: 0 0 3px #fe8019;
  }
  50% {
    color: #fabd2f;
    text-shadow: 0 0 8px #fabd2f, 0 0 12px #fe8019;
  }
}