/* LinuxSecureOps - Dark Terminal / Matrix-Inspired */
:root {
    /* Colors */
    --color-primary: #00ff41;
    --color-primary-hover: #00cc33;
    --color-primary-light: rgba(0, 255, 65, 0.06);
    --color-secondary: #0ea5e9;
    --color-accent: #facc15;
    --color-background: #0a0a0a;
    --color-surface: #111111;
    --color-text: #c8c8c8;
    --color-text-muted: #9ca3af;
    --color-border: #222222;

    /* Header */
    --header-bg: #0a0a0a;
    --header-border: 1px solid #1a1a1a;
    --header-shadow: none;
    --header-height: 56px;
    --logo-font-size: 1.125rem;
    --logo-font-weight: 700;
    --logo-letter-spacing: 0.1em;

    /* Footer */
    --footer-bg: #050505;
    --footer-text: #9ca3af;
    --footer-accent: #00ff41;
    --footer-border: 1px solid #1a1a1a;

    /* Typography */
    --font-family-sans: 'Fira Code', 'Cascadia Code', 'Consolas', monospace;
    --font-family-heading: 'Share Tech Mono', 'Fira Code', monospace;
    --font-family-mono: 'Fira Code', monospace;
    --font-size-base: 0.9375rem;
    --font-weight-heading: 700;
    --line-height-base: 1.65;
    --line-height-heading: 1.25;
    --heading-text-transform: uppercase;
    --heading-letter-spacing: 0.05em;

    /* Layout */
    --border-radius: 0;
    --border-radius-lg: 0;
    --max-width-content: 1100px;

    /* Cards */
    --card-border: 1px solid #1a1a1a;
    --card-shadow: none;
    --card-shadow-hover: 0 0 20px rgba(0, 255, 65, 0.08);
    --card-transform-hover: none;
    --card-image-height: 180px;
    --card-padding: 1.25rem;

    /* Decorative */
    --accent-gradient: none;
    --header-decoration: none;
    --code-bg: #050505;
    --code-text: #00ff41;

    /* Shadows */
    --shadow-sm: none;
    --shadow-md: 0 0 12px rgba(0, 255, 65, 0.05);
    --shadow-lg: 0 0 24px rgba(0, 255, 65, 0.08);

    /* Tags */
    --tag-bg: transparent;
    --tag-border: 1px solid #333333;
    --tag-radius: 0;
    --tag-font-size: 0.75rem;

    /* Pagination */
    --pagination-radius: 0;
    --pagination-active-bg: #00ff41;
    --pagination-active-text: #0a0a0a;

    /* Nav */
    --nav-link-font-weight: 400;
    --nav-link-text-transform: uppercase;
    --nav-link-letter-spacing: 0.08em;
}

/* Terminal cursor blink on logo */
.site-logo::after {
    content: '_';
    animation: blink 1s step-end infinite;
    color: #00ff41;
}

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

/* Scanline effect on header */
.site-header {
    background-image: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(0, 255, 65, 0.015) 2px,
        rgba(0, 255, 65, 0.015) 4px
    );
}

/* Card hover glow effect */
.article-card {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.article-card:hover {
    border-color: rgba(0, 255, 65, 0.3);
    box-shadow: 0 0 20px rgba(0, 255, 65, 0.08), inset 0 0 20px rgba(0, 255, 65, 0.02);
}

/* Category label as terminal prefix */
.article-card-category {
    color: #00ff41;
    font-family: 'Fira Code', monospace;
    letter-spacing: 0.1em;
}
.article-card-category::before {
    content: '> ';
    opacity: 0.5;
}

/* Tag hover glow */
.tag-badge:hover {
    background-color: transparent;
    color: #00ff41;
    border-color: #00ff41;
    box-shadow: 0 0 8px rgba(0, 255, 65, 0.3);
}

/* Green tinted links */
a {
    text-decoration-color: rgba(0, 255, 65, 0.3);
}

/* Blockquote as terminal output */
.prose blockquote {
    border-left-color: #00ff41;
    background: rgba(0, 255, 65, 0.03);
    border-radius: 0;
    font-style: normal;
    font-family: 'Fira Code', monospace;
}

/* Pagination monospace */
.pagination-link {
    font-family: 'Fira Code', monospace;
    border-color: #222222;
}
.pagination-link:hover {
    border-color: #00ff41;
    color: #00ff41;
    box-shadow: 0 0 6px rgba(0, 255, 65, 0.2);
}

/* Sidebar borders glow */
.sidebar-title,
.category-nav-title {
    border-bottom-color: #00ff41;
    text-shadow: 0 0 8px rgba(0, 255, 65, 0.3);
}

/* Language Picker - Terminal directory listing */
.language-picker-section {
    background: #050505;
    border: 1px solid #1a1a1a;
    padding: 1.5rem;
    border-top: none;
}
.language-picker-title {
    font-family: 'Fira Code', monospace;
    color: #00ff41;
    font-size: 0.9375rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-shadow: 0 0 8px rgba(0, 255, 65, 0.3);
}
.language-picker-title::before {
    content: '$ ls --languages ';
    opacity: 0.5;
    font-weight: 400;
}
.language-picker-subtitle {
    font-family: 'Fira Code', monospace;
    color: #555555;
    font-size: 0.75rem;
}
.language-picker-subtitle::before {
    content: '# ';
    color: #333333;
}
.language-picker-grid {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 2px;
}
.language-picker-item {
    background: #0a0a0a;
    border: 1px solid #1a1a1a;
    border-radius: 0;
    padding: 0.5rem 0.75rem;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Fira Code', monospace;
}
.language-picker-item::before {
    content: '>';
    color: #333333;
    font-size: 0.75rem;
}
.language-picker-item:hover {
    border-color: rgba(0, 255, 65, 0.3);
    background: rgba(0, 255, 65, 0.03);
    box-shadow: 0 0 12px rgba(0, 255, 65, 0.06);
    transform: none;
}
.language-picker-item:hover::before {
    color: #00ff41;
}
.language-picker-item.active {
    background: rgba(0, 255, 65, 0.08);
    border-color: #00ff41;
    box-shadow: 0 0 12px rgba(0, 255, 65, 0.15);
}
.language-picker-item.active::before {
    content: '*';
    color: #00ff41;
}
.language-picker-item .language-native {
    color: #c8c8c8;
    font-size: 0.8125rem;
}
.language-picker-item .language-name {
    color: #555555;
    font-size: 0.6875rem;
    margin-top: 0;
}
.language-picker-item.active .language-native,
.language-picker-item.active .language-name {
    color: #00ff41;
}