/* =====================================================================
   THEME · TERMINAL — green-on-black, monospace, ASCII boxes, hacker
   ===================================================================== */

[data-theme="terminal"] {
    --bg: #0A0E0A;
    --bg-alt: #101810;
    --bg-card: #0D130D;
    --fg: #7FFF8E;
    --fg-muted: #4EB762;
    --accent: #00FF66;
    --accent-dark: #00CC52;
    --accent-contrast: #0A0E0A;
    --accent-glow: rgba(0, 255, 102, 0.3);
    --border: rgba(0, 255, 102, 0.35);

    --font-head: "JetBrains Mono", "IBM Plex Mono", monospace;
    --font-body: "JetBrains Mono", "IBM Plex Mono", monospace;
    --font-weight-head: 700;
    --font-weight-body: 400;

    --radius: 0;
    --radius-sm: 0;
    --stroke: 1px;
    --density: 0.95;
    --section-pad: clamp(3rem, 7vw, 5rem);
    --photo-filter: grayscale(0.5) hue-rotate(80deg) contrast(1.1);
    --shadow-card: none;
    --btn-shape: 0;
}

/* CRT-style scanlines + vignette */
[data-theme="terminal"] body::before {
    content: "";
    position: fixed; inset: 0; pointer-events: none; z-index: 2;
    background:
        repeating-linear-gradient(0deg, transparent 0 2px, rgba(0,255,102,0.03) 2px 3px),
        radial-gradient(ellipse at center, transparent 55%, rgba(0,0,0,0.6) 100%);
}

/* Prompt marker on section headings */
[data-theme="terminal"] .section-eyebrow::before { content: "$ "; color: var(--accent); }
[data-theme="terminal"] h2::before { content: "> "; color: var(--accent); opacity: 0.7; }

/* Hero typed-feel */
[data-theme="terminal"] .hero h1 {
    text-transform: lowercase;
    font-weight: 700;
    letter-spacing: -0.02em;
    text-shadow: 0 0 8px rgba(0,255,102,0.5);
}

/* Cards — ASCII-box style */
[data-theme="terminal"] .card,
[data-theme="terminal"] .paket,
[data-theme="terminal"] .work-card,
[data-theme="terminal"] .faq-item {
    background: #0D130D;
    border: 1px solid var(--border);
    box-shadow: none;
    position: relative;
}
[data-theme="terminal"] .card::before,
[data-theme="terminal"] .paket::before {
    content: "[01]";
    font-family: var(--font-body);
    font-size: 0.7rem;
    color: var(--accent);
    margin-bottom: 0.8rem;
    display: block;
    opacity: 0.8;
}
[data-theme="terminal"] .card:nth-child(2)::before,
[data-theme="terminal"] .paket:nth-child(2)::before { content: "[02]"; }
[data-theme="terminal"] .card:nth-child(3)::before,
[data-theme="terminal"] .paket:nth-child(3)::before { content: "[03]"; }

/* Buttons */
[data-theme="terminal"] .btn-primary {
    background: transparent;
    color: var(--accent);
    border: 1px solid var(--accent);
    text-transform: lowercase;
    letter-spacing: 0.05em;
    box-shadow: 0 0 0 0 var(--accent-glow);
}
[data-theme="terminal"] .btn-primary::before { content: "→ "; }
[data-theme="terminal"] .btn-primary:hover {
    background: var(--accent); color: var(--bg);
    box-shadow: 0 0 20px var(--accent-glow);
}

/* Tile */
.tile-preview[data-theme="terminal"] {
    background: #0A0E0A;
    color: #7FFF8E;
    border: 1px solid rgba(0,255,102,0.4);
    font-family: "JetBrains Mono", monospace;
}
.tile-preview[data-theme="terminal"] .tile-head {
    font-family: "JetBrains Mono", monospace;
    text-transform: lowercase;
}
.tile-preview[data-theme="terminal"] .tile-dot { background: #00FF66; box-shadow: 0 0 10px #00FF66; }