:root {
    --global-font-family: 'Cursor', monospace;
    --background-color: #222225;
    --font-color: #e8e9ed;
    --invert-font-color: #222225;
    --secondary-color: #a3a3a6;
    --tertiary-color: #a3a3a6;
    --error-color: #ee5f5b;
    --progress-bar-fill: #00bfff;
    
    /* Code block colors */
    --code-bg: #18181a;          /* Darker, sleek code background */
    --code-border: #333338;      /* Subtle border around code blocks */
    --code-text: #66d9ef;        /* Bright cyan for inline code */
}

body.terminal {
    padding: 20px;
    max-width: 960px;
    margin: 0 auto;
    background-color: var(--background-color);
    color: var(--font-color);
}

/* ==========================================================================
   Links & Hover States
   ========================================================================== */

/* Base Link State */
a, 
a:visited, 
.terminal-prompt::before {
    color: #00bfff !important; /* Base Neon Cyan-Blue */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

/* Hover & Active Link States */
a:hover, 
a:focus,
.terminal-menu li a:hover,
.terminal-menu li a.active {
    color: #000 !important; /* Lighter Ice Blue on Hover */
    text-decoration: underline;
}

/* Text Selection */
::selection {
    background: #00bfff;
    color: #000;
}

/* ==========================================================================
   Code Blocks & Inline Code
   ========================================================================== */

/* Pre / Code block containers */
pre, code, .terminal-code {
    background-color: var(--code-bg) !important;
    border: 1px solid var(--code-border) !important;
    border-radius: 4px;
    color: var(--font-color);
}

/* Inline <code> text styling */
:not(pre) > code {
    color: var(--code-text);
    padding: 2px 6px;
}