/* variables.css — Design tokens citaitv_app */
:root {
  --bg-primary:    #0a0a0a;
  --bg-secondary:  #111111;
  --bg-card:       #161616;
  --bg-card-hover: #1c1c1c;
  --bg-input:      #1a1a1a;

  --accent:        #ff4d1a;
  --accent-dark:   #cc3300;
  --accent-light:  #ff7a47;
  --accent-glow:   rgba(255,77,26,0.28);
  --accent-glow-s: rgba(255,77,26,0.06);

  --green:         #22c55e;
  --green-glow:    rgba(34,197,94,0.20);

  --text-primary:  #f2f2f2;
  --text-secondary:#a0a0a0;
  --text-muted:    #555555;

  --border:        rgba(255,255,255,0.07);
  --border-accent: rgba(255,77,26,0.40);

  --radius-sm:  8px;
  --radius-md:  14px;
  --radius-lg:  20px;
  --radius-xl:  28px;
  --radius-full:9999px;

  --shadow-sm:     0 2px 10px rgba(0,0,0,0.5);
  --shadow-md:     0 6px 30px rgba(0,0,0,0.6);
  --shadow-lg:     0 20px 60px rgba(0,0,0,0.7);
  --shadow-accent: 0 0 40px rgba(255,77,26,0.20);

  --font-display: 'Orbitron', sans-serif;
  --font-body:    'DM Sans', sans-serif;

  --header-h:  72px;
  --container: 1140px;
  --gap:       1.5rem;
}