/* Trainer-overridable CSS variables — set at runtime via theme.js */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');

:root {
  --primary-color:  #00d4aa;
  --accent-color:   #ff7849;
  --bg:             #0d0f14;
  --surface:        #161921;
  --surface2:       #1e2230;
  --border:         #252836;
  --text:           #f0f2f7;
  --text2:          #c8ccd8;
  --muted:          #6b7694;
  --success:        #22d47a;
  --warning:        #ffb340;
  --danger:         #ff4d4f;
  --font-heading:   'Barlow Condensed', sans-serif;
  --font-body:      'DM Sans', sans-serif;
  --radius:         12px;
  --radius-sm:      8px;
  --radius-lg:      20px;
}