/* ============================================================
   variables.css — Design tokens Funtube Studio
   ============================================================ */

:root {
  /* Colors */
  --bg-primary:     #0a0b0f;
  --bg-secondary:   #111318;
  --bg-card:        #161a22;
  --bg-card-hover:  #1c2130;
  --bg-elevated:    #1e2433;

  --accent:         #e8392a;
  --accent-hover:   #c42d1f;
  --accent-glow:    rgba(232, 57, 42, 0.25);

  --partner-bg:     rgba(34, 85, 50, 0.45);
  --partner-border: rgba(50, 140, 80, 0.35);

  --text-primary:   #f0f2f7;
  --text-secondary: #8b92a8;
  --text-muted:     #4f566b;

  --border:         rgba(255,255,255,0.07);
  --border-strong:  rgba(255,255,255,0.12);

  --success:        #2ecc71;
  --warning:        #f39c12;
  --danger:         #e74c3c;
  --info:           #3498db;

  /* Discord brand */
  --discord:        #5865F2;
  --discord-hover:  #4752c4;

  /* Spacing */
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  16px;
  --radius-xl:  24px;

  /* Typography */
  --font-display: 'Syne', sans-serif;
  --font-body:    'DM Sans', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* Shadows */
  --shadow-card:  0 4px 24px rgba(0,0,0,0.4);
  --shadow-glow:  0 0 40px rgba(232, 57, 42, 0.15);

  /* Transitions */
  --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);

  /* Navbar height */
  --navbar-h: 64px;
}