/* ============================================================
   Pedro Acosta — terminal mode styles
   Fonts come from css/fonts.css (shared, self-hosted).
   The command output is rendered by js/terminal.js.
   ============================================================ */

:root{--accent:#5C9DF9;}

*{box-sizing:border-box;}
body{margin:0;background:#05070C;color:#E8EDF5;font-family:'JetBrains Mono',ui-monospace,monospace;-webkit-font-smoothing:antialiased;}
::selection{background:color-mix(in srgb,#5BF0A5 32%,transparent);color:#fff;}

.term-scroll::-webkit-scrollbar{width:10px;}
.term-scroll::-webkit-scrollbar-thumb{background:rgba(148,163,184,0.22);border-radius:8px;}
.term-scroll::-webkit-scrollbar-track{background:transparent;}

@keyframes fadeUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
@keyframes blink{0%,49%{opacity:1;}50%,100%{opacity:0;}}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes glowPulse{0%,100%{opacity:.5;}50%{opacity:.85;}}

/* Each command result fades in as it is appended */
.term-entry{animation:fadeUp .3s ease;}

/* ---- Hover interactions (were style-hover in the design) ---- */
.term-topbar-link:hover{color:var(--accent,#5C9DF9) !important}
.term-chip:hover{background:color-mix(in srgb,var(--accent,#5C9DF9) 20%,transparent) !important;color:#fff !important;transform:translateY(-1px) !important}
.term-cmd:hover{text-decoration:underline !important}
.term-file:hover{text-decoration:underline !important}
.term-skill:hover{border-color:color-mix(in srgb,var(--accent,#5C9DF9) 38%,transparent) !important;background:color-mix(in srgb,var(--accent,#5C9DF9) 6%,transparent) !important}
.term-cert:hover{transform:translateY(-4px) !important}
.term-cert--lg:hover{transform:translateY(-5px) !important}
.term-card:hover{transform:translateX(4px) !important;border-color:color-mix(in srgb,var(--accent,#5C9DF9) 36%,transparent) !important}