/* styles.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    font-feature-settings: "kern" 1, "liga" 1, "tnum" 1;
}

.prose strong {
    color: #10b981;
}

.tab-button {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.tab-button.active {
    color: #10b981;
    border-bottom: 3px solid #10b981;
}

#terminal-output {
    scrollbar-width: thin;
    scrollbar-color: #10b981 #111;
}

#terminal-output::-webkit-scrollbar {
    width: 6px;
}

#terminal-output::-webkit-scrollbar-thumb {
    background: #10b981;
    border-radius: 20px;
}

/* Fade in animation for sections */
section {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}

section.visible {
    opacity: 1;
    transform: translateY(0);
}