/* ============================================================
   CSS Variables — edit these to change the theme
   ============================================================ */
:root {
    /* Colors */
    --background:      #0d0d0d;
    --foreground:      #e0e0e0;
    --accent:          #00ff41;
    --accent-dim:      #00cc33;
    --cursor:          #00ff41;

    /* Prompt segments */
    --prompt-user:     #00ff41;
    --prompt-host:     #00ff41;
    --prompt-path:     #5fd7ff;
    --prompt-symbol:   #e0e0e0;

    /* Semantic output colors */
    --color-error:     #ff5555;
    --color-warning:   #ffb86c;
    --color-info:      #8be9fd;
    --color-success:   #50fa7b;
    --color-dim:       #555555;

    /* Selection */
    --selection-bg:    rgba(0, 255, 65, 0.18);

    /* Titlebar */
    --titlebar-bg:     #1a1a1a;
    --titlebar-fg:     #888888;

    /* Scrollbar */
    --scrollbar-track: #1a1a1a;
    --scrollbar-thumb: #2e2e2e;

    /* Typography */
    --font-family:     'Courier New', 'Lucida Console', 'Monaco', 'Consolas', monospace;
    --font-size:       14px;
    --line-height:     1.65;

    /* Layout */
    --terminal-padding: 16px;
    --border-radius:    8px;
}

/* ============================================================
   Reset & Base
   ============================================================ */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    background: #000;
    color: var(--foreground);
    font-family: var(--font-family);
    font-size: var(--font-size);
    line-height: var(--line-height);
    overflow: hidden;
    -webkit-font-smoothing: none;
    font-smooth: never;
}

body {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ============================================================
   Selection
   ============================================================ */
::selection {
    background: var(--selection-bg);
    color: var(--foreground);
}

/* ============================================================
   Scrollbar
   ============================================================ */
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
}

::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #444;
}

/* ============================================================
   Focus visible — keyboard accessibility
   ============================================================ */
:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}