:root {
    --future-primary: #0ff;
    --future-secondary: #4d5bce;
    --future-accent: #ff2a6d;
    --future-bg: #01012b;
    --future-dark: rgba(1, 1, 43, 0.98);
    --future-text: #fff;
    --future-dim: #8a8a8a;
    --future-border: rgba(0, 255, 255, 0.3);
    --future-glow: 0 0 20px rgba(0, 255, 255, 0.2);
}

body {
    background-color: var(--future-bg);
    color: var(--future-text);
}

.terminal {
    background: var(--future-dark);
    border: 1px solid var(--future-border);
    box-shadow: var(--future-glow);
}

.terminal-header {
    border-bottom: 1px solid var(--future-border);
    background: var(--future-dark);
}

.terminal-title {
    color: var(--future-primary);
    text-shadow: 0 0 5px var(--future-primary);
}

.back-button {
    background: transparent;
    border: 1px solid var(--future-primary);
    color: var(--future-primary);
}

.back-button:hover {
    background: rgba(0, 255, 255, 0.1);
    box-shadow: var(--future-glow);
}

.matrix-button {
    background: transparent;
    border: 2px solid var(--future-primary);
    color: var(--future-primary);
}

.matrix-button:hover {
    background: rgba(0, 255, 255, 0.1);
    box-shadow: var(--future-glow);
}

.skill-item, .project-item {
    padding-left: 25px;
    position: relative;
}

.skill-item:before, .project-item:before {
    content: '>';
    position: absolute;
    left: 0;
    color: var(--future-primary);
}

.contact-button {
    background: transparent;
    border: 1px solid var(--future-primary);
    color: var(--future-primary);
}

.contact-button:hover {
    background: rgba(0, 255, 255, 0.1);
    box-shadow: var(--future-glow);
}

.footer {
    background: var(--future-dark);
    border-top: 1px solid var(--future-border);
}

.theme-options {
    background: var(--future-dark);
    border: 1px solid var(--future-border);
}

.theme-option span {
    color: var(--future-dim);
}

.theme-option input:checked + span {
    color: var(--future-primary);
    text-shadow: 0 0 5px var(--future-primary);
}

.social-link {
    color: var(--future-text);
}

.social-link:hover {
    color: var(--future-primary);
    text-shadow: 0 0 5px var(--future-primary);
}