/* ============================================
   PEOPLE PLATFORM — DESIGN TOKENS
   Brand: Verbal CRM colour system + Montserrat
   ============================================ */

:root {
  /* Brand colours */
  --primary:        #1FAF8C;
  --primary-dark:   #178a6e;
  --primary-light:  #e8f8f4;
  --navy:           #121638;
  --navy-mid:       #1d2250;
  --navy-light:     #2a305e;

  /* Semantic */
  --info:           #3483E0;
  --info-light:     #eaf2fd;
  --success:        #36A781;
  --success-light:  #e8f7f2;
  --warning:        #DF9131;
  --warning-light:  #fdf3e3;
  --error:          #DA625D;
  --error-light:    #fdf0ef;

  /* Neutrals */
  --surface:        #F0F2F8;
  --surface-mid:    #e4e7f0;
  --white:          #ffffff;
  --border:         #d8dce8;
  --border-mid:     #c5cad8;

  /* Text */
  --text-primary:   #121638;
  --text-secondary: #4a5070;
  --text-muted:     #8890a8;
  --text-inverse:   #ffffff;

  /* Typography */
  --font:           'Montserrat', sans-serif;

  --text-xs:  0.7rem;
  --text-sm:  0.8rem;
  --text-base:0.9rem;
  --text-md:  1rem;
  --text-lg:  1.125rem;
  --text-xl:  1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semi:    600;
  --weight-bold:    700;
  --weight-extra:   800;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Radii */
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  14px;
  --radius-xl:  20px;
  --radius-full: 999px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(18, 22, 56, 0.07), 0 1px 2px rgba(18, 22, 56, 0.04);
  --shadow-md:  0 4px 12px rgba(18, 22, 56, 0.1), 0 2px 4px rgba(18, 22, 56, 0.06);
  --shadow-lg:  0 12px 32px rgba(18, 22, 56, 0.14), 0 4px 8px rgba(18, 22, 56, 0.08);

  /* Layout */
  --sidebar-w:  256px;
  --topbar-h:   64px;
  --transition: 180ms ease;
}