/*
 Theme Name:   NetzSicher24 Theme
 Theme URI:    https://netzsicher24.de
 Description:  NetzSicher24 — Dein Guide für Online-Sicherheit
 Author:       NetzSicher24 Team
 Template:     blocksy
 Version:      1.0.0
 Text Domain:  netzsicher24-theme
*/
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');
:root {
    --gb-primary:       #00FFCC;
    --gb-primary-dim:   rgba(0,255,204,0.08);
    --gb-accent:        #FF3B30;
    --gb-cta:           #FF9900;
    --gb-bg:            #0a1218;
    --gb-bg-elevated:   #0e1a22;
    --gb-bg-card:       #12222e;
    --gb-border:        rgba(0,255,204,0.08);
    --gb-text:          #c8d6e5;
    --gb-text-heading:  #ecf0f1;
    --gb-text-muted:    #7f8c8d;
    --gb-success:       #22c55e;
    --gb-success-dim:   rgba(34,197,94,0.1);
    --gb-gradient:      linear-gradient(135deg, #00FFCC, #00b399);
    --gb-shadow-glow:   0 0 24px rgba(0,255,204,0.08);
    --gb-shadow-card-hover: 0 8px 32px rgba(0,0,0,0.3);
    --gb-font-heading:  'JetBrains Mono', monospace;
    --gb-font-body:     'IBM Plex Sans', system-ui, sans-serif;
    --gb-radius:        12px;
    --gb-radius-lg:     16px;
    --gb-radius-sm:     8px;
    --gb-radius-pill:   50px;
    --gb-duration:      0.25s;
    --gb-ease:          cubic-bezier(0.4, 0, 0.2, 1);
    --gb-img-bg:        linear-gradient(135deg, #0a1218 0%, #0e1a22 100%);
    --gb-container:     1200px;
}