/**
 * WABA Platform Design Tokens (v1)
 * Shared single source of truth for Landing, Login, Templates & Dashboard
 */
:root {
  /* Brand gradient */
  --waba-cyan: #06B6D4;
  --waba-blue: #2563EB;
  --waba-gradient: linear-gradient(135deg, var(--waba-cyan), var(--waba-blue));

  /* Core Aliases for backwards compatibility */
  --gradient-start: #06B6D4;
  --gradient-end: #2563EB;
  --primary: #06B6D4;
  --primary-dark: #2563EB;
  --bg-main: #F8FAFC;
  --bg: #F8FAFC;
  --card-bg: #FFFFFF;
  --surface: #FFFFFF;
  --text-primary: #0F172A;
  --text: #0F172A;
  --text-body: #4B5563;
  --body: #4B5563;
  --text-muted: #64748B;
  --muted: #64748B;
  --border: #E2E8F0;
  --border-color: #E2E8F0;
  --radius: 4px;
  --radius-sm: 4px;

  /* Surface */
  --waba-bg: #F8FAFC;
  --waba-surface: #FFFFFF;
  --waba-border: #E2E8F0;
  --waba-border-light: #F1F5F9;

  /* Text */
  --waba-ink: #0F172A;
  --waba-ink-muted: #64748B;

  /* WhatsApp-accurate accents: used ONLY inside the phone simulation */
  --wa-bubble-out: #DCF8C6;
  --wa-bubble-in: #FFFFFF;
  --wa-tick-sent: #8696A0;
  --wa-tick-read: #34B7F1;
  --wa-header-bg: #075E54;
  --wa-green: #25D366;

  /* Status */
  --waba-success: #16A34A;
  --waba-warning: #D97706;
  --waba-danger: #DC2626;

  /* Structure */
  --waba-radius: 4px;
  --waba-radius-pill: 999px;
  --waba-shadow: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.08);

  /* Type */
  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-data: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}

body {
  font-family: var(--font-body);
  background-color: var(--waba-bg);
  color: var(--waba-ink);
  line-height: 1.5;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}