:root {
  --font:               'Gilroy', 'Montserrat', sans-serif;

  --bg:                 #0D0C25;
  --surface:            #ffffff;
  --surface-2:          #f5f4fb;

  --text:               #ffffff;
  --text-2:             #b8b6d4;
  --text-3:             #7d7aa0;
  --btn-text:           #ffffff;

  --text-on-card:       #1a1830;
  --text-on-card-2:     #5c5980;
  --text-on-card-3:     #9b98b8;

  --accent:             #FD1D1D;
  --accent-2:           #833AB4;
  --accent-3:           #FCB045;
  --accent-light:       #fdf0e8;
  --accent-soft:        #f5e0d0;
  --accent-hover:       #e01010;

  --gradient-brand:     linear-gradient(90deg, #833AB4 0%, #FD1D1D 25%, #FCB045 50%, #FD1D1D 75%, #833AB4 100%);
  --gradient-btn:       linear-gradient(90deg, #833AB4 0%, #C13584 50%, #E1306C 100%);

  --border:             #2a2848;
  --border-card:        #ece9f5;
  --border-hover:       #FD1D1D;

  --red:                #FD1D1D;
  --red-soft:           #fdf0ee;

  --radius:             20px;
  --radius-sm:          12px;

  --sidebar-width:      220px;

  --transition:         0.18s ease;
}