:root {
    --cons-primary: #2c3e50;
    --cons-secondary: #34495e;
    --cons-accent: #c0392b;
    --cons-bg: #f8f9fa;
    --cons-light: #ecf0f1;
    --cons-text: #2c3e50;
    --cons-muted: #7f8c8d;
    --cons-border: rgba(44, 62, 80, 0.2);
    --cons-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

body {
    background-color: var(--cons-bg);
    color: var(--cons-text);
    font-family: 'Georgia', serif;
}

.terminal {
    background: var(--cons-light);
    border: 1px solid var(--cons-border);
    box-shadow: var(--cons-shadow);
}

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

.terminal-title {
    color: var(--cons-primary);
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.back-button {
    background: white;
    border: 1px solid var(--cons-border);
    color: var(--cons-primary);
    font-family: 'Helvetica Neue', sans-serif;
    transition: all 0.3s ease;
}

.back-button:hover {
    background: var(--cons-light);
    border-color: var(--cons-primary);
}

.matrix-button {
    background: white;
    border: 2px solid var(--cons-primary);
    color: var(--cons-primary);
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.matrix-button:hover {
    background: var(--cons-light);
    border-color: var(--cons-secondary);
}

.skill-item, .project-item {
    color: var(--cons-text);
    font-family: 'Georgia', serif;
    line-height: 1.5;
    transition: all 0.3s ease;
}

.skill-item:before, .project-item:before {
    color: var(--cons-accent);
    content: '•';
}

.contact-button {
    background: white;
    border: 1px solid var(--cons-primary);
    color: var(--cons-primary);
    font-family: 'Helvetica Neue', sans-serif;
    transition: all 0.3s ease;
}

.contact-button:hover {
    background: var(--cons-light);
    border-color: var(--cons-secondary);
    color: var(--cons-secondary);
}

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

.theme-options {
    background: white;
    border: 1px solid var(--cons-border);
    box-shadow: var(--cons-shadow);
}

.theme-option span {
    color: var(--cons-muted);
    font-family: 'Helvetica Neue', sans-serif;
}

.theme-option input:checked + span {
    color: var(--cons-primary);
    font-weight: 500;
}

.social-link {
    color: var(--cons-muted);
    font-family: 'Helvetica Neue', sans-serif;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-link:hover {
    color: var(--cons-primary);
}

/* Additional Typography Refinements */
.terminal-content h2 {
    color: var(--cons-primary);
    font-family: 'Georgia', serif;
    font-weight: normal;
    text-shadow: none;
}

.terminal-content h3 {
    color: var(--cons-secondary);
    font-family: 'Georgia', serif;
    font-weight: normal;
    border-bottom: 1px solid var(--cons-border);
    padding-bottom: 5px;
}

.terminal-content p {
    line-height: 1.6;
    color: var(--cons-text);
} 