:root {
  --color-primary:       #1563df;
  --color-primary-dark:  #0e49a6;
  --color-primary-light: #E7F0FF;
  --color-primary-rgb:   21, 99, 223;
  --color-accent:        #00C4B3;
  --color-accent-dark:   #009e90;
  --color-accent-light:  #e0faf8;
  --color-accent-rgb:    0, 196, 179;
  --color-white:         #ffffff;
  --color-black:         #161e2d;
  --color-gray-50:       #f8f9fb;
  --color-gray-100:      #f3f4f6;
  --color-gray-200:      #e4e4e4;
  --color-gray-300:      #d9d9d9;
  --color-gray-500:      #a3abb0;
  --color-gray-600:      #8a8aa0;
  --color-gray-700:      #5c6368;
  --color-gray-800:      #3a3a3c;
  --color-text-primary:  #161e2d;
  --color-text-secondary:#5c6368;
  --color-text-muted:    #8a8aa0;
  --color-bg-surface:    #f8f9fb;
  --color-border:        #e8eaf0;
  --color-border-focus:  #1563df;
  --color-success:       #25c55b;
  --color-error:         #c72929;
  --color-warning:       #ffa800;
  --font-family:         'Manrope', sans-serif;
  --radius-sm:  6px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;
  --radius-full:9999px;
  --shadow-sm:  0 2px 8px rgba(22,30,45,.06);
  --shadow-md:  0 4px 16px rgba(22,30,45,.10);
  --shadow-lg:  0 8px 32px rgba(22,30,45,.12);
  --transition: all .2s ease;
}