/*
 Theme Name:   Cobra Gamer
 Description:  Child theme for Picostrap5 — Cobra the Gamer brand site
 Template:     picostrap5-master
 Version:      1.0.0
 Text Domain:  cobra-gamer
*/

/* ============================================================
   DESIGN TOKENS
   ============================================================ */
:root {
  --ctg-bg:    #0E0A04;
  --ctg-fg:    #FFF3D2;
  --ctg-gold:  #FFB81C;
  --ctg-lime:  #A6FF1A;
  --ctg-dark:  #0A0703;
  --ctg-muted: #9C8A60;
  --ctg-red:   #FF3B2F;
  --ctg-card:  #15100A;
  --ctg-alt:   #120C05;
  --acc:       #A6FF1A;
}

/* ============================================================
   GLOBAL RESETS
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

html {
  background-color: var(--ctg-bg);
  color: var(--ctg-fg);
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background-color: var(--ctg-bg);
  color: var(--ctg-fg);
  font-family: 'Space Grotesk', system-ui, sans-serif;
  margin: 0;
  min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Bungee', sans-serif;
  color: var(--ctg-fg);
  margin-top: 0;
}

a {
  color: var(--ctg-gold);
  text-decoration: none;
}
a:hover { color: var(--ctg-lime); }

img, svg { display: block; max-width: 100%; }

/* ============================================================
   KEYFRAME ANIMATIONS
   ============================================================ */
@keyframes ctgMarquee { from { transform: translateX(0) } to { transform: translateX(-50%) } }
@keyframes ctgRise    { from { opacity:0; transform:translateY(34px) } to { opacity:1; transform:none } }
@keyframes ctgPop     { 0%{opacity:0;transform:scale(.8) rotate(-6deg)} 70%{transform:scale(1.04) rotate(1deg)} 100%{opacity:1;transform:none} }
@keyframes ctgBob     { 0%,100%{transform:translateY(0) rotate(-1.5deg)} 50%{transform:translateY(-16px) rotate(1.5deg)} }
@keyframes ctgPulse   { 0%,100%{box-shadow:0 0 0 0 rgba(255,59,47,.6)} 70%{box-shadow:0 0 0 12px rgba(255,59,47,0)} }
@keyframes ctgBlink   { 0%,49%{opacity:1} 50%,100%{opacity:.15} }
@keyframes ctgGrid    { from{background-position:0 0} to{background-position:0 -56px} }
@keyframes ctgFloat   { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-22px)} }
@keyframes ctgCartPop { 0%{transform:scale(1)} 40%{transform:scale(1.35)} 100%{transform:scale(1)} }
@keyframes ctgChatIn  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:none} }