/* ══════════════════════════════════════
   base.css — reset, tokens, animations, theme
   ══════════════════════════════════════ */

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

/* Design tokens */
:root{
  --font:'Inter',system-ui,sans-serif;
  --mono:'JetBrains Mono',monospace;
}

/* Animations */
@keyframes float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
@keyframes pulse{
  0%,100%{opacity:1}
  50%{opacity:.4}
}

/* Network canvas background */
canvas.net-bg{
  position:fixed;inset:0;width:100%;height:100%;
  pointer-events:none;z-index:0;opacity:0.6;
}

/* ══════ Light mode overrides — Inside ══════ */
.inside.light-mode{background:#f8f9fa;color:#1f2937}
.inside.light-mode .inside-nav{background:rgba(248,249,250,0.85);border-color:#e5e7eb}
.inside.light-mode .inside-nav-brand,.inside.light-mode .inside-title{color:#111827}
.inside.light-mode .inside-nav-page,.inside.light-mode .inside-nav-link,.inside.light-mode .inside-sub,.inside.light-mode .inside-bio{color:#6b7280}
.inside.light-mode .inside-search input{background:rgba(0,0,0,0.03);border-color:#e5e7eb;color:#1f2937}
.inside.light-mode .g-card{background:rgba(255,255,255,0.7);border-color:#e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.inside.light-mode .g-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px rgba(59,130,246,0.1)}
.inside.light-mode .g-name{color:#1f2937}
.inside.light-mode .g-desc{color:#6b7280}
.inside.light-mode .g-arrow{color:#9ca3af}
.inside.light-mode .g-card:hover .g-arrow{color:#3b82f6}
.inside.light-mode .inside-footer{color:#d1d5db}
.inside.light-mode canvas{opacity:0.5!important}

/* ══════ Light mode overrides — Category pages ══════ */
body.lt .cat-page{background:#f8f9fa}
body.lt .cat-back{color:#6b7280}
body.lt .cat-back:hover{color:#1f2937;background:#e5e7eb}
body.lt .cat-title{color:#111827}
body.lt .cat-sub{color:#6b7280}
body.lt .c-table{background:#fff;border-color:#e5e7eb}
body.lt .c-table th{background:#f9fafb;color:#3b82f6;border-color:#e5e7eb}
body.lt .c-table td{color:#374151;border-color:#f3f4f6}
body.lt .c-table tr:hover td{background:#eff6ff}
body.lt .c-table strong{color:#111827}

/* Skills light */
body.lt .sk-card{background:#fff;border-color:#e5e7eb}
body.lt .sk-card:hover{border-color:#d1d5db;background:#fafafa}
body.lt .sk-name{color:#111827}
body.lt .sk-gauge{background:#f3f4f6}
body.lt .sk-tags span{background:#f9fafb;border-color:#e5e7eb;color:#4b5563}
body.lt .sk-tags span:hover{border-color:#9ca3af;color:#111827}

/* Architecture light */
body.lt .arch-layer{background:#fff;border-color:#e5e7eb}
body.lt .arch-layer:hover{border-color:#d1d5db;background:#fafafa}
body.lt .al-name{color:#111827}
body.lt .al-num,body.lt .al-year{color:#9ca3af}
body.lt .al-tags span{background:#f9fafb;border-color:#e5e7eb;color:#4b5563}
body.lt .arch-connector{background:#e5e7eb}
body.lt .arch-footer{border-color:#e5e7eb}
body.lt .af-item{color:#6b7280}

/* Experience light */
body.lt .timeline::before{background:linear-gradient(180deg,#3b82f6,rgba(59,130,246,0.1))}
body.lt .tl-dot{background:#e5e7eb;border-color:#d1d5db}
body.lt .tl-dot.active{background:#3b82f6;border-color:#3b82f6}
body.lt .tl-card{background:#fff;border-color:#e5e7eb}
body.lt .tl-card:hover{border-color:#d1d5db;background:#fafafa}
body.lt .tl-date{color:#9ca3af}
body.lt .tl-role{color:#111827}
body.lt .tl-sub{color:#3b82f6}
body.lt .tl-desc{color:#6b7280}

/* Certifications light */
body.lt .cert-card{background:#fff;border-color:#e5e7eb}
body.lt .cert-card:hover{border-color:#d1d5db;background:#fafafa}
body.lt .cert-name{color:#111827}
body.lt .cert-full{color:#6b7280}
body.lt .cert-org{color:#9ca3af}
body.lt .cert-year{color:#6b7280;border-color:#e5e7eb}

/* Blog light */
body.lt .blog-card{background:#fff;border-color:#e5e7eb}
body.lt .blog-card:hover{border-color:#d1d5db;background:#fafafa}
body.lt .blog-date{color:#9ca3af}
body.lt .blog-title{color:#111827}
body.lt .blog-preview{color:#6b7280}

/* Connect light */
body.lt .con-card{background:#fff;border-color:#e5e7eb}
body.lt .con-card:hover{background:#fafafa}
body.lt .con-card svg{color:#9ca3af}
body.lt .con-name{color:#111827}
body.lt .con-handle{color:#6b7280}

/* Homelab + Resume light */
body.lt .hl-hw-card{background:#fff;border-color:#e5e7eb}
body.lt .hl-hw-card:hover{border-color:#d1d5db}
body.lt .hl-hw-name{color:#111827}
body.lt .hl-hw-spec{color:#6b7280}
body.lt .hl-section-title{color:#9ca3af}
body.lt .hl-svc{background:#fff;border-color:#e5e7eb;color:#4b5563}
body.lt .hl-note{color:#9ca3af}
body.lt .resume-card{background:#fff;border-color:#e5e7eb}
body.lt .res-header{border-color:#e5e7eb}
body.lt .res-name{color:#111827}
body.lt .res-contact{color:#6b7280}
body.lt .res-section-title{color:#9ca3af}
body.lt .res-item-head strong{color:#111827}
body.lt .res-item-head span{color:#9ca3af}
body.lt .res-item-desc{color:#6b7280}
body.lt .res-tags span{background:#f9fafb;border-color:#e5e7eb;color:#4b5563}