/* ==========================================================================
   Brandspectra CRM — Design Tokens (Light / Blue Theme)
   ========================================================================== */

:root {
  /* Brand */
  --brand-blue-900: #0f1e6e;
  --brand-blue-800: #142a8c;
  --brand-blue-700: #1a35a8;
  --brand-blue-600: #1d3fc4;
  --brand-blue-500: #2c53e8;
  --brand-blue-100: #e3e9ff;

  --sidebar-grad-start: #14208a;
  --sidebar-grad-end: #1d3fc4;
  --sidebar-active-bg: rgba(255, 255, 255, 0.14);
  --sidebar-hover-bg: rgba(255, 255, 255, 0.08);
  --sidebar-text: rgba(255, 255, 255, 0.75);
  --sidebar-text-active: #ffffff;
  --sidebar-border: rgba(255, 255, 255, 0.10);

  /* Surface */
  --bg-app: #f2f4fa;
  --bg-card: #ffffff;
  --bg-card-hover: #fbfcff;
  --border-subtle: #eceef4;

  /* Text */
  --text-heading: #1c2340;
  --text-body: #4b5268;
  --text-muted: #8a90a6;
  --text-on-brand: #ffffff;

  /* Semantic accent tints (icon chips) */
  --tint-blue-bg: #e5edff;
  --tint-blue-fg: #2c53e8;

  --tint-red-bg: #fde8e8;
  --tint-red-fg: #e03e3e;

  --tint-purple-bg: #efe7fd;
  --tint-purple-fg: #7c4de0;

  --tint-green-bg: #e4f7ec;
  --tint-green-fg: #1fa15c;

  --tint-orange-bg: #fdf0e0;
  --tint-orange-fg: #e08a1f;

  --tint-pink-bg: #fde8ef;
  --tint-pink-fg: #e0417f;

  --tint-teal-bg: #e2f6f6;
  --tint-teal-fg: #1c9a9a;

  /* Status */
  --status-online: #29c46b;
  --status-badge: #ef4444;

  /* Shape */
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-card: 0 4px 24px rgba(30, 41, 90, 0.06);
  --shadow-card-hover: 0 8px 32px rgba(30, 41, 90, 0.10);
  --shadow-sidebar: 4px 0 24px rgba(20, 32, 138, 0.12);

  /* Type */
  --font-display: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;

  /* Layout */
  --sidebar-width: 280px;
  --topbar-height: 88px;
  --content-max: 1400px;

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-med: 260ms;
}