:root {
    --bg-main:    255 255 255;
    --bg-card:    243 244 246;
    --border-col: 229 231 235;
    --text-main:  17 24 39;
    --text-muted: 107 114 128;
}

.dark {
    --bg-main:    13 17 23;
    --bg-card:    22 27 34;
    --border-col: 48 54 61;
    --text-main:  230 237 243;
    --text-muted: 139 148 158;
}

.dark img[alt="ArAsIT"] { filter: brightness(0) invert(1); }

#typewriter::after {
    content: '|';
    animation: blink .7s step-end infinite;
}

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