/* brand.css - Zukk GeoAnalytics */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* Zukk Brand */
  --vivo-purple:       #09a5c1;
  --vivo-purple-light: #34eacd;
  --vivo-purple-dark:  #082d42;
  --vivo-purple-glow:  rgba(9, 165, 193, 0.25);
  --vivo-purple-faint: rgba(9, 165, 193, 0.08);

  /* Backgrounds */
  --surface:     #0d1520;
  --surface-2:   #111c2b;
  --card-bg:     #162232;
  --card-border: rgba(9, 165, 193, 0.18);

  /* Text */
  --text:        #eaf8ff;
  --text-muted:  #5c7e95;
  --text-accent: #34eacd;

  /* Status churn */
  --churn-low:    #22c55e;
  --churn-mid:    #eab308;
  --churn-high:   #ef4444;
  --churn-low-bg: rgba(34, 197, 94, 0.12);
  --churn-mid-bg: rgba(234, 179, 8, 0.12);
  --churn-hi-bg:  rgba(239, 68, 68, 0.12);

  /* Qual rede */
  --qual-good:   #22c55e;
  --qual-mid:    #f97316;
  --qual-bad:    #ef4444;

  --font: 'Inter', system-ui, -apple-system, sans-serif;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --shadow-sm: 0 1px 4px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 14px rgba(0,0,0,0.5);
  --shadow-lg: 0 8px 28px rgba(0,0,0,0.6);
  --shadow-purple: 0 0 20px rgba(9, 165, 193, 0.3);
}