:root {
  /* Brand */
  --color-primary: #2f6fed;
  --color-primary-dark: #1d4fc4;
  --color-teal: #14b8a6;
  --gradient-brand: linear-gradient(120deg, #2f6fed 0%, #14b8a6 100%);

  /* Text */
  --color-ink: #0f172a;
  --color-body: #64748b;
  --color-muted: #94a3b8;

  /* Surfaces */
  --color-bg: #f7fafd;
  --color-surface: #ffffff;
  --color-border: #e6ebf2;
  --color-sidebar-bg: #f8fafc;

  /* Channel colors */
  --color-whatsapp: #25d366;
  --color-messenger: #2f80ff;
  --color-mail: #3b82f6;
  --gradient-instagram: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);

  --color-danger: #ef4444;
  --color-online: #22c55e;

  /* Layout */
  --container-w: 1240px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 12px 28px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 30px 60px -15px rgba(47, 111, 237, 0.35);
  --shadow-btn: 0 10px 24px -6px rgba(47, 111, 237, 0.55);

  --font-sans: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
}