:root{
  --white:       #FFFFFF;
  --ink-900:     #0B0D12;
  --ink-600:     #4B5060;
  --surface:     #F7F8FB;
  --border:      #E6E8EF;

  --blue-bright: #4899F4;
  --blue-mid:    #3D82E0;
  --blue-deep:   #2C5FC7;
  --gradient-brand: linear-gradient(135deg, var(--blue-bright) 0%, var(--purple-600) 100%);

  --purple-50:   #F5F2FF;
  --purple-200:  #D9C9FE;
  --purple-400:  #A977FF;
  --purple-600:  #6A75F7;

  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-alt: 'Lato', sans-serif;

  --ease-smooth: cubic-bezier(.65,0,.35,1);
  --transition-base: .45s var(--ease-smooth);
}